/**公共**/



/******************头部*开始**********************/

/*导航*/
#lk_top{ height: 62px;background-color:rgba(25,25,25,0.6); border-top: 4px solid #553407;     position: absolute;
    top: 0px;z-index: 9999999999999999999999999; width: 100%; }
.bg-light{ background: none !important;}
.navbar{ z-index: 9; padding: 0px; height: 58px; }
.bbff{ margin-left: 30px; margin-top: -80px; opacity: 0.6;}
.bbff:hover{  opacity: 0.8;}
.hh293{ height: 293px;}
.heic{ color: #000; font-weight: bold;}

.nwtitle{font-size: 28px; color: #9B4E50;}
.nwtitle img{margin: 0px 8px;}
.navbar a.navbar-brand img{ height: 40px; margin: 5px 0px;}
li.nav-item a.nav-link{ font-size: 16px; color: #fff;height: 58px; }
.navbar-light .navbar-nav .nav-link{ color: #fff;margin-right:1px;padding: 0px 15px; line-height: 58px;}
.navbar-light .navbar-nav li.active .nav-link{ color: #fff; background: #553407;  }
.navbar-light .navbar-nav .nav-link:hover{ color: #fff;background: #553407 }
.dropdown-menu{ margin-top: 12px;  }
.titlebg{ width: 100%; height: 74px; background: url("/Public/Home/images/titlebg.jpg") top center no-repeat; text-align: center;}


.titlebg img{ height: 72px; margin:0px auto;}
.xingming{ font-size: 24px; font-weight: 700; color: #553407}
.xingming span.laoshi{ font-size: 14px; font-weight: 500; color: #553407;}
.hhh{ width: 100%; height: 6px; background: url("/Public/Home/images/hhh.png") repeat-x;}
.f18w a{ font-size: 18px; font-weight: bold; color: #553407}
.f18w a:hover{ font-size: 18px; font-weight: bold; color: #000}
.bno0{ border: none}
.innewstitle{ width: 100%; background: url("/Public/Home/images/u155.png") bottom left no-repeat;background-size: 100% ; padding-bottom: 18px;}
.innewstitle p img{ width: 55px;   margin-right: 12px; height: 22px}
.innewstitle p{ font-size: 20px; font-weight: bold; color: #553407; margin-top: -2px;}
.innewstitle span a{ margin: 0px 4px; color: #553407}
a.moreindex{ width: 155px; height: 39px; background: url("/Public/Home/images/more.png") no-repeat; display: block; text-align: center; line-height: 39px;}
a.moreindex:hover{ width: 155px; height: 39px; background: url("/Public/Home/images/more1.png") no-repeat; display: block; text-align: center; line-height: 39px; color: #553407}
.innewstu1 img{ width: 100%; border-radius: 4px; }
.innewstitletu1title{ width: 100%; height: 40px; background-color:rgba(25,25,25,0.6); margin-top: -40px;z-index: 99999999; position: relative; line-height: 40px;  border-radius: 0px 0px 4px 4px}
.innewstitletu1title:hover{ background-color:rgba(25,25,25,0.9); }
.innewstitletu1title a{ padding-left: 10px; color: #fff;}
.card-text{ line-height: 24px;}
.f14{ font-size: 14px;}
.f14 a:hover{ font-size: 14px; color: #553407}
.bjfff{ background: #fff; border-radius: 4px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f16 a:hover{ color: #553407}
.f28{ font-size: 28px; font-weight: 700; color: #553407}
.newsnwtitle{ border-bottom: solid 1px #DDDDDD; padding-bottom: 5px;}
.w-90{ width: 90%; margin: 0px auto; line-height: 24px; padding-bottom: 10px;}
.w-90 img{ max-width: 100%; height: auto; margin: 10px auto; }
.f18{ font-size: 18px;}
.t60f{ background-color:rgba(25,25,25,0.6); height: 50px; margin-top: -50px; position: relative;z-index: 99; padding: 7px; border-radius: 0px 0px 4px 4px }
.t60f:hover{ background-color:rgba(25,25,25,0.8); }
.t60f a{ color: #fff}
.t60f a:hover{ color: #f1f1f1}
.bgbt{  background: url("/Public/Home/images/u0.png") top center no-repeat; background-size: 100% ;}
.contmo{   background: url("/Public/Home/images/u00.png") bottom center no-repeat;background-size: 100% ;}
.contnw{  background: #f1f1ef;}
.plr10{ padding-left: 10px; padding-right: 10px;}
.proclassname{


    justify-content: center;

    list-style: none;

}
.proclassname p{ background: url("/Public/Home/images/u87.png") left top no-repeat; margin: 0px 15px; padding-left: 35px; font-size: 18px; font-weight: bold}
.proclassname p:hover,.proclassname p.now{ color: #553407;background: url("/Public/Home/images/u84.png") left top no-repeat;}
img.w115{ width: 115px; border-radius: 4px 0px 0px 4px;}
.spsp{ width: 600px;  margin: 0px auto}

.xytu{ width: 200px; margin: 0px auto;}
.xytu img{ width: 100%; border-radius: 4px;}
.newslst{ width: 90%; background: url("/Public/Home/images/ddd.png") left center no-repeat; border-bottom: solid 1px #dddddd; height: 70px; line-height: 70px;}


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

}



/******************头部*结束**********************/






/******************幻灯片*开始**********************/
#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;}



.indexnewstitle span{ width: 12px; height: 3px; background: #553407; 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; }
.carousel-inner .newsheight .carousel-caption{ left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 0; text-align: left;padding: 0px;}
.innewstu{ width: 358px; }
.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: #553407; }

#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: #553407}
.inabout02 li p.inabout0201 span{ font-size: 36px; color: #553407; 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: 24px; font-weight: bold; margin-top: 40px;}
.inproduct span{ width: 12px; height: 3px; background: #553407; margin: 5px auto; margin-bottom: 40px;}
/******************产品*结束**********************/




/******************底部*开始**********************/
#lk_mo{background: url("/Public/Home/images/u11.jpg"); padding: 40px 0px; margin-top: 20px; }
.moleft p.motitle{ font-size: 18px; color:#cccccc; 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 a{ color:#cccccc; }
.moleft p.motitle2 span{ font-size: 14px; color:#cccccc;  margin-right: 8px;  }




.moleft02li{ width: 160px; color: #6c757d}
.moleft02li a{ color: #cccccc}
.moleft02x{ width: 3px; margin-right: 20px;}
.moleft02x p{ width: 3px; height: 20px; background: #6c757d}
.moleft02x span{ width: 1px; height: 155px; background: #6c757d; 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: #666666}
.moleft03 img { width: 110px; height: 110px; margin-top: 20px;}
.moleft03 span { width: 110px; font-size: 12px; color: #6c757d; margin-top: 8px;}
.mobq{ border-top: 1px solid #444; padding-top: 20px; margin-top: 20px;}
.mobq a{ color: #666666}
/******************底部*结束**********************/


.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 #553407}
.conttu{ font-size: 36px; color: #553407; border: solid 1px #553407;border-radius: 50%; padding: 18px;}
.ljtj{ background-color: #553407!important; color: #fff; width:30%;}
.ljtj:hover{ background-color: #553407!important; color: #fff}
.mt-50{ margin-top: 150px;}
.fw100{font-weight: 100}

@media (max-width: 900px){

    .sjtop{ width: 100%; height: 56px;}
    #lk_fw{ margin-top: 20px; }
    #lk_top{ height: 56px;}
    #lk_top  .navbar-brand img{ height: 32px;  }
    .navbar-light .navbar-nav .nav-link{ background-color:rgba(25,25,25,0.9); border-radius: 4px;}
    .navbar-toggler{ background: none}
    .navbar-light .navbar-toggler{ border: none}
    [type=button], [type=reset], [type=submit], button{-webkit-appearance:inherit;}
    .titlebg{ width: 100%; height: 40px; background: url("/Public/Home/images/titlebg2.jpg") top center no-repeat; text-align: center;}
    .titlebg img{ height: 38px; margin:0px auto;}
.bjbj5{ background:#ff0000}
.rrr0{ padding-right: 7px}
.lll0{ padding-left: 7px}
.f18w a{ font-size: 14px;}
.f16 a{ font-size: 14px;}
    .spsp{ width: 100%;   margin: 0px auto}
    h4.text-body{ font-size: 18px; }
.mobq{ font-size: 12px;}
    .card-text{ line-height: 20px; font-size: 12px;}
    .f28{ font-size: 20px; font-weight: 700; color: #553407}
    .navbar-nav>li>a{  font-size: 16px; height:40px; display: flex; justify-content: center; align-items: center;border-bottom: 1px solid #f1f1f1}

    .navbar-toggler{border: none}
    .wapnav{ font-size: 32px;}
    .dropdown-menu{ background: #f9f9f9; border: none; margin-top: 6px; border-radius: 4px; font-size: 14px;}

    .dropdown-item{ border: none; background: none}
    .bno{ border: none}
    .navbar-nav>li>a:hover{ border-bottom: 1px solid #062c33}

    .plr15{padding-left: 15px; padding-right: 15px;}
.proclassname{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
    .proclassname p{ background: url("/Public/Home/images/u87.png") left top no-repeat; background-size: 20px; margin: 0px 10px; padding-left: 25px; font-size: 14px; font-weight: bold; margin-bottom: 4px;}
    .proclassname p:hover,.proclassname p.now{ color: #553407;background: url("/Public/Home/images/u84.png") left top no-repeat;background-size: 20px;}
    .f24{ font-size: 32px;}
    .navbar-toggler{  margin-top: -6px; margin-left: 50px;}
    .navbar-brand{ margin-top: 0px;}

    .ljtj{ background-color: #553407!important; color: #fff; width:100%;}
    .nwnw img{ max-width: 100%; margin: 10px auto}
    .indexabout{ padding-bottom: 30px; margin: 15px;  }
    .carousel-inner .newsheight{ height:450px; }
    .text-sm-center{ text-align: center}
    .moleft03{ margin: 8px auto}
    .moleft03 img{ margin-top: 6px; margin-bottom: 6px;}
    .moleft p{ text-align: center}
    .innewstu{ width: 100%; }
    .fww100 h1{ color: #000; font-size: 22px; font-weight: bold}

}
