/*首页大图开始*/
 
/*手机*/
@media screen and (max-width:600px){
    .my-banner{
        width: 100%;
        background-color: #fdb6c6;
    }
    .my-banner .banner-container{
      text-align: center;
      width: 100%;
      height: 15rem;
    }

    .my-banner .banner-container img{
      width: 100%;
      margin-top: 3.2rem;
    }
    .st-home-product .container .row .col-xs-6{
      width: 100%;
    }
    .st-home-product .thumbnail > a.st-thumb, .st-main-product .thumbnail > a.st-thumb{
      height: 35em;
    }
    .layui-carousel{
        background-color: unset;
    }
    .layui-carousel>[carousel-item]>*{
        background-color: unset;
    }

     .st-home-comment{
    width: 100%;
    background-color: #fdb6c6;
    height: 380px;
    margin-bottom: 2rem;
    }
    .st-home-comment .centainer{
      margin: auto;
      width: 100%;
      text-align: center;
      padding-top: 1rem;
    }
    .st-home-comment .centainer h2{
      padding: 0rem 0rem 0rem 1rem;
      font-size: 1.8rem;
    }
    .st-home-comment .centainer .comment-info{
      width:100%;
      padding: 0rem 5rem 0rem 5rem;
      position: relative;
    }
    .st-home-comment .centainer .comment-info .ll{
      position: absolute;
      top: 108px;
      left: 0px;
    }
    .st-home-comment .centainer .comment-info .ll img{
          width: 20px;

    }
    .st-home-comment .centainer .comment-info .rr{
    position: absolute;
    top: 108px;
    right: 0px;
    }
    .st-home-comment .centainer .comment-info .rr img{

          width: 20px;
    }

    .st-home-comment .centainer .comment-info span,p{
      color:#ffffff;
    }
    .st-home-comment .centainer .comment-info .user-info{
      width:100%;
      height: 80px;

    }

    .st-home-comment .centainer .comment-info .user-info .u-l,.u-r{
      float: left;
      text-align: left;
 
    }
    .st-home-comment .centainer .comment-info .user-info .u-r{
       margin: 0rem 0rem 0rem 1rem;
    }

    .st-home-comment .centainer .comment-info .user-info .u-l img{
      width: 35px;
      height: 35px;
      border-radius: 50px;
      margin-top: 5px;
    }
    .st-home-comment .centainer .comment-info .user-info .u-r img{
      width: 80px;
    }

    .st-home-comment .centainer .comment-info p{
      color: #ffffff;
      font-size: 10px;
    }


    .st-home-news{
      width: 100%;
    }
    .st-home-news .container{
      margin-left:15px;
    }

    .st-home-news .container .row .col-xs-6{
      background-color: #fdb6c6;
      width: 96%;
      height: 380px; 
      float: left;
      margin-bottom: 1.6rem;
      position: relative;
      padding: 0;
    }
    .st-home-news .container .row .col-xs-6 img{
      margin-left: 5px;
    }

    .st-home-news .container .row .col-xs-6 .newRows{
      background-color: #e4dadc99;
      position: absolute;
      top: 238px;
      width: 100%;
      height: 37%;
      padding: 0.5rem 1rem 0.5rem 1rem;
    }
    .st-home-news .container .row .col-xs-6 .newRows a b{
      float: right;
      background-color: #ffcad6;
      padding: 0rem 1rem 0rem 1rem;
      color: #666666;
    }
    .st-home-news .container .row .col-xs-6 .newRows span,p{
      color: #7a7474;
    }

    .foot-top{
      width: 100%;
      margin: auto;
      height: 105rem;
    }
    .foot-top ul li{
      list-style-type:none;
      width: 100%;
      margin: auto;
      float: left;
    }
    .foot-top ul li img{
        margin-left: 25%;
    }
    .foot-top ul li h4{
      text-align: center;
      width: 92%;
      overflow-wrap: break-word;
    }
    .foot-top ul li p{
      text-align: center;
      width: 90%;
      overflow-wrap: break-word;
      margin: 2em auto;
      color: #999999;
      font-size: 12px;
    }

    .st-footer-service img.flogo {
      width: 28rem;
    }
    .st-footer-service{
      text-align: left;
    }
    .st-footer-service img.fvisa {
      width: 95%;
    }
    .st-footer-service h4.fquick{
      ont-size: 38px;
    }
    .st-footer {
    padding-top: 0px;
    background: url(/img/newimg/bg.jpg);
    background-size: 100%;
    }

    .st-footer dd.flogo{
      text-align: center;
    }
    .st-footer .st-h60{
      margin-top: 0px!important;
    }
}


/*平板*/


@media screen and (min-width:600px) and (max-width:960px){
    .my-banner{
        width: 100%;
        background-color: #fdb6c6;
    }
    .my-banner .banner-container{
      text-align: center;
      width: 130%;
      margin-left: -17%;
    }

    .my-banner .banner-container img{
      width: 100%;
    }
}



/*PC*/


@media screen and (min-width:960px){

  .st-navmenu .container .nav-pills li.about,li.filler{
    position:relative;
  }
  .st-navmenu .container .nav-pills li div{
    min-width: 20em; 
    position: absolute;
    z-index: 9999;
  }
  #ST-NAVCART-ICON a > i.glyphicon-shopping-cart{
    top:8px;
  }
  .nav-pills li.navcart{
    margin-left: 438px;
  }
  .phone-cot{
    width: 41.6666%;
  }
  .phone-l{
      float: left;
      margin-top: 1.3rem;
      margin-right: 1rem;
      width: 25rem;
  }
  .phone-r{
    float: left;
    width: 28rem;
    color: #fff;
    font-size:28px;
    margin-top: 2.6rem;
  }
  .top-r{
    width: 22rem;
    float: right;
    margin-top: 2rem;
  }
  .top-r h4{
    float: left;
  }
  .top-r img{
    float: right;
  }


    .my-banner{
        pointer-events: none;
        width: 100%;
        background-color: #fdb6c6;
    }
    .my-banner .banner-container{
      text-align: center;
      width: 1170px;
      margin: auto;
    }

    .my-banner .banner-container img{
      width: 100%;
    }

    .col-lg-2 {
    width: 33.3333333%;
    }

    .st-home-comment{
    width: 100%;
    background-color: #fdb6c6;
    height: 320px;
    margin-bottom: 5rem;
    }
    .st-home-comment .centainer{
      margin: auto;
      width: 1170px;
      text-align: center;
      padding-top: 3rem;
    }
    .st-home-comment .centainer .comment-info{
        width:1170px;
        height: 220px;
        position: relative;
    }
    .st-home-comment .centainer .comment-info p{
      color: #fbf8f8;
      font-size: 12px;
    }
    .st-home-comment .centainer .comment-info .ll{
      position: absolute;
      top: 38px;
      left: 0px;
    }
    .st-home-comment .centainer .comment-info .ll img{
          width: 20px;

    }
    .st-home-comment .centainer .comment-info .rr{
    position: absolute;
    top: 38px;
    right: 0px;
    }
    .st-home-comment .centainer .comment-info .rr img{

          width: 20px;
    }

    .st-home-comment .centainer .comment-info span,p{
      color:#ffffff;
    }

    .layui-carousel{
        background-color: unset;
    }
    .layui-carousel>[carousel-item]>*{
        background-color: unset;
    }
    .layui-carousel-arrow{
        top: 20%;
        background-color: rgb(0 0 0 / 0%);
    }
    .layui-carousel-ind{
        top: -85px;
    }

    .st-home-comment .centainer .comment-info .user-info{
      width:1170px;
      height: 80px;
      padding-left: 75px;
    }
    .st-home-comment .centainer .comment-info .user-info p{
        width: 1000px;
        color: #fbf8f8;
        font-size: 12px;
    }

    .st-home-comment .centainer .comment-info .user-info .u-l,.u-r{
      float: left;
      text-align: left;
 
    }
    .st-home-comment .centainer .comment-info .user-info .u-r{
       margin: 0.5rem 0rem 0rem 1rem;
    }

    .st-home-comment .centainer .comment-info .user-info .u-l img{
      width: 60px;
      height: 60px;
      border-radius: 50px;
    }

    .st-home-news{
      width: 1170px;
      margin: auto;
      height: 380px;
    }
    .st-home-news .container{
      margin-left:15px;
    }

    .st-home-news .container .row .col-xs-6{
      background-color: #fdb6c6;
      width: 31%;
      height: 380px; 
      float: left;
      margin-right: 2.6rem;
      position: relative;
      padding: 0;
    }
    .st-home-news .container .row .col-xs-6 img{
      margin-left: 5px;
    }

    .st-home-news .container .row .col-xs-6 .newRows{
      background-color: #e4dadc99;
      position: absolute;
      top: 238px;
      width: 100%;
      height: 37%;
      padding: 0.5rem 1rem 0.5rem 1rem;
    }
    .st-home-news .container .row .col-xs-6 .newRows a b{
      float: right;
      background-color: #ffcad6;
      padding: 0rem 1rem 0rem 1rem;
      color: #666666;
    }
    .st-home-news .container .row .col-xs-6 .newRows span,p{
      color: #7a7474;
    }



    .foot-top{
      margin-top:5rem;
      height: 350px;
    }
    .foot-top ul {
      width: 1170px;
      margin: auto;
    }

    .foot-top ul li{
      list-style-type:none;
      width: 25%;
      margin: auto;
      float: left;
      text-align: center;
    }
    
     
    .foot-top ul li h4{
      text-align: center;
      width: 100%;
      font-size: 14px;
      overflow-wrap: break-word;
    }
    .foot-top ul li p{
      text-align: center;
      width: 90%;
      overflow-wrap: break-word;
      margin: 2em auto;
      color: #999999;
      font-size: 12px;
    }

    .st-home-product .container  .row  .col-md-3{
      padding: 0 24px;
    }
    .thumbnail{
      border: 0px solid #ddd;
      text-align: center;
      background-color: unset;
    }
    .page-header{
      border-bottom: 0px solid #eee;
    }
}


/*首页大图结束*/


/*新增手机端样式*/

.navbar-brand>img {
    display: block;
    width: 50%;
    margin-left: 3em;
}