/*index header*/
header { 
  width:100%;
  height: 140px; background:#333; text-align:center; position: relative;
  display: flex; align-items: center;
}
header .w-50 { width:50% }
header .hd1 input{
  width: 300px; border:none;
  background: #fff; border-radius: 8px;
}
header .hd1 {
  margin:0 auto; width: 1660px; padding:0 20px;
  position: relative;
}
header .hd1 .navbar-brand img{ height: 70px;}
header .hd1 .logo { text-align:left; }
header .menu_search {
  position: relative;
  display: flex; flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
header .menu_search svg{
    height: 43px;
    position: relative;
    left: -30px; 
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
header .menu_search a { margin-bottom: -6px !important; }
.row {
  display: flex; flex-direction: row; align-items: center; justify-content: flex-start;
}
/*header nav*/
.navbar {
  background: #333; width: 100%;
}
.navbar .navbar-collapse {
  max-width: 1660px; margin: 0 auto;
  padding: 0 20px;
}
.navbar .navbar-collapse ul{ 
  width: 100%; 
  display: flex; flex-direction: row; align-items: center; justify-content: space-between;
  flex-wrap: nowrap;
}
.navbar .navbar-collapse ul li a{
  font-size: 1.1rem; color:#fff; font-weight: 700;
  text-transform: uppercase; padding: 12px 0 20px 0;
}
.navbar .navbar-collapse .active {
  border-bottom: 4px solid #f08300; color:#f08300;
}
.navbar .navbar-collapse ul li a:hover {
  transition: border-bottom 0.3s;
  transition: color 0.3s;
  border-bottom: 4px solid #f08300; color:#f08300;
}
/* header banner */
.banner {
  width: 100%; height: 960px;
}
.banner .banner_img2 {
  width: 100%; height: 100%;
}

/** product content **/
.ind_cont {
    max-width: 1660px;
    background: #f6f6f6;
    margin: 0 auto;
    padding: 1%;
}
.ind_cont .product_range{
  max-width: 1660px; margin:0 auto;
}
.ind_cont .product_range .pr_title{ font-size: 38px; font-weight:bold; text-align: center; padding: 80px 0 40px 0; color:#000}
.ind_cont .product_range .pr_2 { width: 100%; display:flex; flex-direction:row; justify-content:space-between; }
.ind_cont .product_range .pr_2 a{
    overflow: hidden; position: relative;
    width: calc(50% - 10px);
    border-radius: 20px;
}
.ind_cont .product_range .pr_2 a img{
  width: 100%; height: 100%; transition: transform 0.3s ease; 
}
.ind_cont .product_range .pr_2 a:nth-child(1){ margin: 0 auto 0 0;}
.ind_cont .product_range .pr_2 a:nth-child(2){ margin: 0 0 0 auto;}

.ind_cont .mt26 { margin-top:26px }
.ind_cont .product_range .pr_3{
  display: flex; flex-direction: row; align-items: center; justify-content: space-around;
}
.ind_cont .product_range .pr_3 a{
  position: relative;
  width: calc(25% - 10px); display: block; text-align: center;
  background: #fff; overflow: hidden; border-radius: 12px;
}
.ind_cont .product_range span{
  position: absolute; z-index: 20;
  bottom:0; left:0; width: 100%; padding-bottom:60px; font-size: 28px; color:#000;
  text-align: center;
}
.ind_cont .product_range .pr_3 span{
  padding-bottom: 20px;
}

.ind_cont .product_range .pr_3 a:nth-child(1) { margin: 0 auto 0 0; }
.ind_cont .product_range .pr_3 a:nth-child(2) { margin: 0 auto; }
.ind_cont .product_range .pr_3 a:nth-child(3) { margin: 0 auto; }
.ind_cont .product_range .pr_3 a:nth-child(4) { margin: 0 0 0 auto; }
.ind_cont .product_range .pr_3 a img{ transition: transform 0.3s ease; }

/*分类图片特效*/
.ind_cont .product_range div:hover a{
  box-shadow: 0 0 7px 4px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s;
}
.ind_cont .product_range div a:hover img{
  transform: scale(1.2, 1.2); 
  transition: box-shadow 0.3s;
  transition: transform 0.5s ease;
}
.ind_cont .product_range div a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); 
  transition: opacity 0.5s ease;
  opacity: 0; 
}

.ind_cont .product_range div a:hover::after {
  opacity: 1; 
}
/*分类动画特效end*/


/*index about us*/
.bgw-t30 { background:#fff; }
.mt100 { margin-top: 100px }
.ind_cont .about_tit { font-size: 38px; font-weight:bold; text-align:center; color:#000; margin-bottom: 80px; margin-top:30px;}
.about_us *>span,.about_us *>p,.about_us *>td,.about_us *>li { 
    font-size: 1.1rem;
    line-height: 150%;
    text-align: justify;
    background: #f6f6f6;
}
.about_us {
  position: relative;
  max-width: 1660px; margin: 0 auto;
  display: flex; flex-direction: row; 
}
.about_us td:nth-child(1){ padding-right: 40px; }

.ind_cont .about_qlist{
  max-width: 1660px; margin:0 auto; position: relative;
}
.ind_cont .about_qlist {width: 100%;}
.ind_cont .about_qlist li{
  display: flex; align-items: baseline;
  line-height: 44px;
}
.ind_cont .about_qlist li svg { margin-right: 8px; position: relative; top: 4px}
.ind_cont .about_qlist li span {font-size: 18px; color:#333;  }

/** about cert **/
.ind_cert { 
  max-width: 1560px; background:#f6f6f6; margin:0 auto; 
  padding: 50px;
  margin-top: 80px; 
}
.ind_cert .about_tit { font-size: 38px; font-weight:bold; text-align:center; color:#000; margin-bottom: 40px; margin-top: 40px;}

.ind_cert .about_cert_text{
  font-size: 24px; color:#666; line-height: 44px; text-align: center;
}
.ind_cert .about_cert_pic { margin: 60px auto;}
.ind_cert .about_cert_pic img {width: 100%;}

.ind_cont .facs {
  max-width: 1660px; margin:0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.sw2box .swiper-slide {
  
}
.sw2box .swiper-slide p {
  position: absolute; bottom: 0; left:0; width: 100%; background: rgba(0,0,0,0.6); font-size:18px; color:#fff; text-align: center;
  padding: 12px 0;
}