.main{
    position: relative;
    display: block;
  }
  .navbar{
      white-space: nowrap;
      width: 100%;
      min-width: 1200px;
      background: #ffffff;
  }
  
  .navbar .container {
      width: 1200px;
      min-width: 1200px;
    }
    .navbar .navbar-header {
      margin-right: 35px;
    }

    .navbar .phone {
  /* margin-left: 35px; */
  font-size: 25px;
}
  
  .navbar li a {
      color: #000;
    }

    .dropdown:hover .dropdown-det{
      display: block;
    }
    
    .dropdown .sel-menu,.code .sel-menu{
      margin-top: 0px;
      position: absolute;
      top: 99%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0; 
      list-style: none;
      font-size: 14px;
      text-align: left; 
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, .15);
      border-radius: 4px;
      
      background-clip: padding-box;
    }
    
    .dropdown .sel-menu li{
      display: block;
      width: 100%;
      height: 50px;
      color: #464749;
      line-height: 50px;
      text-align: center;
      font-size: 12px;
    }
    
    .dropdown .sel-menu li a:hover{
      background-color: #dedede;
    }
    
    .code:hover .dropdown-det{
      display: block;
    } 

    .dropdown-det{
      display: none;
    }
    
    .code .sel-menu img{
      display: block;
      width: 200px;
      height: 200px;
      z-index: 9999;
    }

    .anchor{
      position: relative;top: -81px;display: block;height: 0;overflow: hidden;
    }

    .common-container{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 81px;
      }
    
      .banner{
        width: 100%;
        height: 360px;
        /* position: relative; */
        /* z-index: 99; */
        z-index: 99;
        /* position: absolute;
        left: 0;
        top: 81px; */
        background: url(../images/about_banner.png) center 0 no-repeat;
        background-size: cover;
        
      }
    
      .banner-bg{
        width: 100%;
        position: relative;
        max-height: 100%;
        height: 360px;
       
      }
    
      .banner-in{
        height: 300px;
        z-index: 99;
        position: relative;
        font-family: 微软雅黑;
        /* width: 100%; */
        /* height: auto;
    
        position: absolute;
        left: 20px;
        right: 20px; */
      
      /* top: 50%;
      transform: translateY(-50%); */
      margin: 0 auto;
      }
    
      .banner-intro{
        position: absolute;
        top: 100px;
        left: 40px;
        right: 40px;
      }
    
      .banner-in span{
        
        color: #fff;
        font-size: 32px;
        letter-spacing: 2px;
        line-height: 45px;
        
      }
    
      .banner-in .intro{
        display: block;
        font-size: 16px;
        margin-top: 10px;
      }

      /* 底部样式 */
footer{
  /* background: #2f3133; */
  width: 100%;
  background: url("http://assets.bjsdzk.com/ic_footer_bg.png");
  margin-top: 70px; 
  position: relative;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

footer .row img{
  width: 123px;
  height: 123px;
}
footer .footer_logo{
  padding-top: 40px;
  padding-right: 0;
  text-align: center;
}
footer .footer_logo_tit{
  padding-top: 25px;
  padding-left: 0;
}
footer .footer_logo_tit h2{
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height:20px;
}
footer .footer_logo_tit p{
  font-size: 10px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
footer .footer_dizhi{
  margin-top: 10px;
  padding-left: 20px;
}
footer .footer_dizhi p{
  font-size: 13px;
  /* color: #999; */
  color: #fff;
  margin: 0;
}
footer .footer_dizhi p:nth-child(1)::before{
  content: "";
  display: inline-block;
  width: 18px;
  height: 21px;
  /* background: url(../images/footer_phone.png) no-repeat center; */
  vertical-align: middle;
  margin-right: 5px;
}
footer .footer_dizhi p:nth-child(3)::before{
  content: "";
  display: inline-block;
  width: 11px;
  height: 14px;
  /* background: url(../images/footer_dingwei.png) no-repeat center; */
  vertical-align: middle;
  margin-right: 10px;
}
footer .footer_dizhi span{
  font-size: 24px;
  display:block;
  color: #fff;
  text-indent: 25px;
  padding-bottom: 10px;
  font-weight: bold;
}
footer .footer_nav ul{
  margin: 0;
  padding: 0;
  text-align: center;
}
footer .footer_nav  h4{
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}
footer .footer_nav ul li{
  padding: 3px 0;
}
footer .footer_nav ul li a{
  font-size: 12px;
  /* color: #999; */
  color: #fff;
  display:inline-block;
  height:17px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:89%;
}
footer .footer_nav ul li a:hover{
  /* color: #fff; */
  color: #3fb8bf;
}
footer .footer_weima{
  text-align: center;
  margin-top: 40px;
}
footer .footer_weima span{
  font-size: 12px;
  /* color: #7c7c7c; */
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 20px;
}
footer .footer_bottom p{
  font-size: 12px;
  /* color: #666666; */
  color: #fff;
  text-align: center;
  padding: 15px 0;
  margin: 0;
}
footer .footer_nav{
  margin-top: 40px;
  border-left: 1px solid #27282a;
  border-right: 1px solid #27282a;
}
footer .footer_nav .listing {
    padding:0 10px; 
}



footer .border_top{
  height: 1px;
  width: 100%;
  background: #3a3c3d;
  position: absolute;
  bottom: 45px;
  left: 0;
}
.friend-link-title {
  color: white;
  font-size: 14px;
  text-align: right;
}

.friend-link-content li {
  list-style: none;
  line-height: 20px;
  float: left;
  margin-left: 30px;
}

  .friend-link-content li a {
      font-size: 12px;
      /* color: #999; */
      color: #fff;
      display: inline-block;
      height: 20px;
  }

  .friend-link-content li a:hover{
    color: #3fb8bf;
  }

footer .footer_bottom{
  margin-top: 11px;
}
.friend-link {
margin-top:10px;
}

.main span{
    white-space: normal;
  }
  .main .list{
    display: flex;
    width: 100%;
  }
      

@media (max-width:991px) {
  .friend-link {
      display:none;
  }
}

footer .footer_bottom a {
  /* color: #666666; */
  color: #fff;
}
.main .paging a.RepeaterNumberList_Now {
  color: #fff;
  background: #d9231e;
}
.main .paging a.RepeaterNumberList_sw {
  
  margin-left:0px !important;
}
@media (min-width:1024px) and (max-width:1199.5px){
  nav .meun ul > li{
      padding: 34px 8px;
  }
  /* 底部 */
  footer .footer_nav .col-md-2{
      padding: 5px 0;
  }
  footer .footer_logo_tit h2{
      font-size: 14px;
  }
  footer .footer_logo{
      padding-left: 0;
  }
  footer .footer_logo_tit p{
      margin-bottom:0;
  }
  footer .footer_nav{
      margin-top: 30px;
  }
  footer .footer_dizhi{
      margin-top: 15px;
  }
  footer .footer_bottom{
      margin-top: 35px;
  }
  nav .input .en{
      right: -8px;
  }
  nav .meun .news_list{
      left: -45px;
  }
  nav .meun .service_list{
      left: -25px;
  }
  nav .meun .product_list{
      left: -25px;
  }
  
}

@media (min-width:992px) and (max-width:1023.5px) {
  nav{
      position: fixed;
      z-index: 99;
      background: #fff;
      width: 100%;
      top: 0;
  }
  .nav_list{
      display: block;
  }
  nav .meun{
      display: none;
  }
  nav .input{
      float: left;
      margin-left: 20%;
      padding-top: 30px;
  }
  nav .input .search{
      float: left;
      margin-right: 50px;
  }
  nav .input .link{
      float: left;
  }
  nav .enlarge{
      display: block;
  }
  /* 底部 */
  footer .footer_nav .col-md-2{
      padding: 5px 0;
  }
  footer .footer_logo_tit h2{
      font-size: 14px;
  }
  footer .footer_logo{
      padding-left: 0;
  }
  footer .footer_logo_tit p{
      margin-bottom:0;
  }
  footer .footer_nav{
      margin-top: 30px;
  }
  footer .footer_dizhi{
      margin-top: 15px;
  }
  footer .footer_bottom{
      margin-top: 35px;
  }
  nav .input .en{
      right: -8px;
  }
  
}
@media (min-width:768px) and (max-width:991.5px){
  .nav_list{
      display: block;
  }
  
  .nav_list ul > li .news_list li a {
      font-size: 13px;
      position: relative;
      left: 50%;
      margin-left: -30px;
  }
  .nav_list ul > li .service_list li a{
      font-size: 13px;  
            
  }
  .nav_list ul > li .product_list li a{
      font-size: 13px;  
      position: relative;
      left: 50%;
      margin-left: -30px;      
  }
  nav{
      position: fixed;
      z-index: 99;
      background: #fff;
      width: 100%;
      top: 0;
  }
  nav .meun{
      display: none;
  }
  nav .input{
      float: left;
      padding-top: 30px;
      margin-left: 0.5rem;
  }
  nav .input .search{
      float: left;
      margin-right: 50px;
  }
  nav .input .link{
      float: left;
  }
  nav .enlarge{
      display: block;
  }
  .nav_list ul > li{
      font-size: 14px;
  }
  nav .input .en{
      right: -9px;
  }
  /* 底部 */
  footer .footer_nav .col-md-2{
      padding: 5px 0;
  }
  footer .footer_logo_tit h2{
      font-size: 14px;
  }
  footer .footer_logo{
      padding-left: 0;
  }
  footer .footer_logo_tit p{
      margin-bottom:0;
  }
  footer .footer_nav{
      margin-top: 30px;
      display: none;
  }
  footer .footer_dizhi{
      margin-top: 15px;
  }
  footer .footer_bottom{
      margin-top: 35px;
  }
  
  
}

/* slick */

.pro-row4{padding:0 0 104px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}

.wp{width: 98%;max-width: 1200px;margin: 0 auto;}
.q-tit1{font-weight:400;font-size:40px;color:#000;padding:66px 0 40px;text-align:center}

.q-tit1.white{color:#fff}

.slick-pro,
.slick-pro1{position:relative;margin:0 -10px}

.slick-pro .item,
.slick-pro1 .item{display:block;margin:0 10px}

.slick-pro.pro1 .pic,
.slick-pro1.pro1 .pic{position:relative;height:288px;line-height:286px;padding-top:61.3%;overflow:hidden}

.slick-pro.pro1 .pic img,
.slick-pro1.pro1 .pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.slick-pro.pro1 .item:hover .pic img,
.slick-pro1.pro1 .item:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.slick-pro.pro1 .txt,
.slick-pro1.pro1 .txt{padding:15px 0 26px;background-color:#fff;text-align:center}

.slick-pro.pro1 .txt h4,
.slick-pro1.pro1 .txt h4{font-weight:400;font-size:20px;margin-bottom:8px;color:#000}

.slick-pro.pro1 .item:hover .txt h4,
.slick-pro1.pro1 .item:hover .txt h4{color:#004599}

.slick-pro.pro1 .txt p,
.slick-pro1.pro1 .txt p{color:#7f7f7f}

.slick-slider *{outline:0}

.slick-pro1 .slick-arrow,
.slick-pro .slick-arrow{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;font-size:0;border:0;background-color:transparent;cursor:pointer;z-index:10}

.slick-pro .slick-prev,
.slick-pro1 .slick-prev{left:-65px;background-image:url("../images/q-prev1.png") } 

.slick-pro .slick-next,
.slick-pro1 .slick-next{right:-65px;background-image:url("../images/q-next1.png")}

.slick-pro .slick-dots,
.slick-pro1 .slick-dots{position:absolute;bottom:-30px;left:0;right:0;text-align:center}

.slick-pro .slick-dots li,
.slick-pro1 .slick-dots li{display:inline-block}

.slick-pro.pro2 .slick-dots button,
.slick-pro1.pro2 .slick-dots button{background:#333}

.slick-pro.pro2 .pic,
.slick-pro1.pro2 .pic{position: relative;height:288px;line-height:286px;margin-bottom:16px;text-align:center;border:1px solid #ccc;overflow:hidden}

.slick-pro.pro2 .pic img,
.slick-pro1.pro2 .pic img{display:inline-block;vertical-align:middle;max-width:80%;max-height:80%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.slick-pro.pro2 .item:hover .pic img,
.slick-pro1.pro2 .item:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}


.slick-pro1.pro2 p,
.slick-pro.pro2 p{font-size:20px;text-align:center;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.slick-pro.pro2 .item:hover p,
.slick-pro1.pro2 .item:hover p{color:#004599}

.pro-row5{padding:0 0 76px}