*{margin:0;padding:0;font-family:'微软雅黑';}

.container{width:100%;}
.navbar{background-color:transparent;font-size:12px;min-height: 60px;height:60px;line-height: 60px;border-radius: 0px;margin-bottom:0px;position: absolute;top:40px;width:100%;border:0px;}
.affixed{position:fixed;top:0px;background-color:#323232;}
.transparent{background-color:transparent;}
.navbar-header{min-height:60px;height:60px;}
/*.navbar-inverse{}*/
.logo{font-size:12px;color:#fff;padding-top:0px;padding-bottom:0px;line-height:60px;width:120px;height:30px;display:block}

.navbar-inverse .navbar-brand{font-size:12px;color:#fff;}
.navbar-nav{margin-left:4%;}f
.navbar-inverse .navbar-nav>li>a{color:#fff;padding-top:0px;padding-bottom:0px;line-height:60px;}
.navbar-brand {line-height: 60px;}
.navbar-na{margin-left:10px;}
.navbar-inverse>.container-fluid{
  padding-left:4%;
}
.div{padding-top:68px;}
  ul li{list-style: none}
  .clear{clear:both;}
  .top-header{display: flex;height:68px; align-items:center;position: fixed;top:0;z-index:102;background-color:#fff;width:100%;}
  .logo_style{width:180px;height:56px;margin-left:360px;margin-right:90px;}
  .logo_style img{width:100%;}
  .nav li{float:left;width:auto;}
  .nav li a{font-size:16px;color:#888;}

  /*.bannerimg{width:100%;}*/
  .bannerimg img{width:100%;}
  
  .modetitle{font-size:50px;text-align:center;margin-top:80px;margin-bottom:80px;}
  .pkimg{width:100%;display: flex;justify-content:center;margin:0;margin-bottom:80px;}
  .pkimg img{width:100%;}  
  .show{background-color:#f5f5f5;padding-top:100px;padding-bottom:80px;}
  .goodpro{text-align: center;font-size:48px;font-weight: bold;color:#232325;line-height:48px;margin-bottom:25px;}
  .goodpro_p{font-size:16px;line-height:28px;margin:0;text-align: center;color:#232325;}

  .addpadding{padding-left:50px;padding-right:50px;}
  .gopadding{padding:0;}
  .xuanchuanpics{margin-top:60px}
  .xuanchuaninfo{display: flex;align-items:center;justify-content:center;padding:0;}
  .xuanchuan{display: flex;align-items:center;justify-content:center;margin-bottom:20px;width:95.5%;height:205px;}
  .xuanchuan img{max-height: 205px;max-width: 100%}

  .design{margin-top:80px;}
  .desingI{display:flex;justify-content:center;width:95.5%;margin:0;margin-top:60px;}
  .designtitle{color:#fff;background-color:#00a73c;text-align: center;height:50px;line-height:50px;border-radius: 25px;font-size:24px;font-weight: bold;width:100%;}
  /*.designinfo{color:#000;background-color:#f5f5f5;width:100%;font-size:16px;width:100%;}*/
  .designinfo{width:95.5%;margin:0;color:#000;background-color:#f5f5f5;font-size:16px;padding-left:40px;padding-top:10px;padding-bottom:10px;margin-top:20px;margin-bottom:100px;}
  .designinfo li p{line-height:36px;}
  .footer{padding-top:55px;padding-bottom:60px;background-color:#323232;color:#fff;margin-top:20px;}
  .footer p{font-size:14px;line-height:24px;}
  .footertitle{font-size:16px;font-weight: bold;line-height: 36px}

/*  @media (max-width: @screen-xs-max) {
      .navbar{margin-bottom:0px;min-height: 60px;height:60px;line-height: 60px;position:fixed;top:0px;background-color:#323232;z-index: 102;}
    .navbar-header{min-height:60px;height:60px;}
    .navbar-toggle{margin-top:13px;margin-bottom:0px;border:none;}
    .navbar-collapse{background-color:#000;opacity: 0.8;}
    .navbar-brand {line-height: 60px;}
    .logo{font-size:12px;color:#fff;padding-top:0px;padding-bottom:0px;height:60px;line-height:60px;}
    .transparent{background-color:transparent;}
    .top-header{display:none;}
    .navbar-nav{width:92%;}
    .navbar-inverse .navbar-nav>li>a{line-height: 45px;}
    .nav>li>a{font-size:16px;border-bottom:0.5px solid #eee;font-weight: bold}
    .nav>li>a:hover{color:#f4d252;}
    .div{padding-top:60px;}


  }*/
  @media (max-width: 768px) {

    .navbar{margin-bottom:0px;min-height: 60px;height:60px;line-height: 60px;position:fixed;top:0px;background-color:#323232;z-index: 102;}
    .navbar-header{min-height:60px;height:60px;}
    .navbar-toggle{margin-top:13px;margin-bottom:0px;border:none;}
    .navbar-collapse{background-color:#000;opacity: 0.8;}
    .navbar-brand {line-height: 60px;}
    .logo{font-size:12px;color:#fff;padding-top:0px;padding-bottom:0px;height:60px;line-height:60px;}
    .transparent{background-color:transparent;}
    .top-header{display:none;}
    .navbar-nav{width:92%;}
    .navbar-inverse .navbar-nav>li>a{line-height: 45px;}
    .nav>li>a{font-size:16px;border-bottom:0.5px solid #eee;font-weight: bold}
    .nav>li>a:hover{color:#f4d252;}
    .div{padding-top:60px;}

    .modetitle{font-size:24px;margin-top:20px;margin-bottom:20px;}
    .addpadding{padding:0px;}
    .pkimg{margin-bottom:20px;}
    .show{padding-top:30px;padding-bottom:20px;}
    .goodpro{font-size:24px;margin-bottom:15px;line-height: 24px}
    .goodpro_p{font-size:12px;line-height:24px;}
    .xuanchuanpics{margin-top:20px}
    .design{margin-top:20px;margin-bottom:0px;}
    .desingI{margin-top:10px;}
    .designtitle{height:30px;line-height:30px;border-radius: 15px;font-size:18px;}
    .designinfo{font-size:14px;padding-left:30px;padding-top:10px;padding-bottom:10px;padding-right:10px;margin-top:10px;margin-bottom:20px;}
    .designinfo li p{line-height:24px;}
    .footer{padding-top:20px;padding-bottom:10px;}
    .footer p{font-size:12px;line-height:18px;}
    .footertitle{font-size:14px;line-height: 24px}

    .carousel-indicators{bottom:-10px;}
    .carousel-indicators .active{width:8px;height:8px;}
    .carousel-indicators li{width:5px;height:5px;}
    .carousel-control{font-size:10px;}
  }
  @media (min-width:768px) and (max-width:992px) {
    .logo_style{margin-left:100px;margin-right:45px;}
    .modetitle{font-size:30px;margin-top:30px;margin-bottom:30px;}
    .addpadding{padding:0px;}
    .pkimg{margin-bottom:30px;}
    .show{padding-top:40px;padding-bottom:30px;}
    .goodpro{font-size:30px;margin-bottom:25px;line-height: 30px}
    .goodpro_p{font-size:12px;line-height:24px;}
    .xuanchuanpics{margin-top:30px}
    .design{margin-top:30px;margin-bottom:0px;}
    .desingI{margin-top:20px;}
    .designtitle{height:30px;line-height:30px;border-radius: 15px;font-size:18px;}
    .designinfo{font-size:14px;padding-left:30px;padding-top:10px;padding-bottom:10px;margin-top:20px;margin-bottom:30px;}
    .designinfo li p{line-height:24px;}
    .footer{padding-top:30px;padding-bottom:20px;}
    .footer p{font-size:12px;line-height:18px;}
    .footertitle{font-size:14px;line-height: 24px}
    .carousel-indicators{bottom:-5px;}

  }
  @media (min-width:992px) and (max-width:1200px) {
    .logo_style{margin-left:100px;margin-right:45px;}
    .modetitle{font-size:30px;margin-top:30px;margin-bottom:30px;}
    .addpadding{padding:0px;}
    .pkimg{margin-bottom:30px;}
    .show{padding-top:40px;padding-bottom:30px;}
    .goodpro{font-size:30px;margin-bottom:25px;line-height: 30px}
    .goodpro_p{font-size:12px;line-height:24px;}
    .xuanchuanpics{margin-top:30px}
    .design{margin-top:30px;margin-bottom:0px;}
    .desingI{margin-top:20px;}
    .designtitle{height:30px;line-height:30px;border-radius: 15px;font-size:18px;}
    .designinfo{font-size:14px;padding-left:30px;padding-top:10px;padding-bottom:10px;margin-top:20px;margin-bottom:30px;}
    .designinfo li p{line-height:24px;}
    .footer{padding-top:30px;padding-bottom:20px;}
    .footer p{font-size:12px;line-height:18px;}
    .footertitle{font-size:14px;line-height: 24px}
    .carousel-indicators{bottom:0px;}
  }