@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

 body{font-family: "Poppins", sans-serif !important;}

 h1,h2,h3,h4,h5,h6{font-weight:700;font-family: "Poppins", sans-serif !important;}

.cd-popup .div_info h3 {
  padding-bottom: 20px;
  font-size: 20px !important;
  color: #333;
  line-height: 24px;
  letter-spacing: 1px;
  font-family: montserrat-bold;
}


@media screen and (max-width:768px){
  .qili-sidebanner .txt h1, .qili-sidebanner .txt h2{
    font-size: 18px !important;
    
  }
  .qili-sidebanner img{
    min-height: 0 !important;
  }
  .qili-sidebanner p{
    font-size: 12px !important;
    margin: 5px 0 0 !important;
  }
  .qianhe-home-bloganniu h3 a{
    font-size: 14px !important;
  }
  .qianhe-home-blogs{
    padding-bottom: 20px !important;
  }
  .qili-sidebanner{
    margin-top: 0 !important;
  }
  .jwell-featured_products .tit h2{
    font-size: 24px !important;
  }
  .qianhe-home-goods .qianhe-title h2{
    font-size: 24px !important;
  }
  .home-why-guanxiang p{
    font-size: 12px !important;
  }
}
.cd-popup .div_info button {

  font-size: 16px !important;

}


header.qianhe{}

.qianhe-head-top{background:#fff;position:relative;z-index:20;}
.qianhe-head-top .container{display:flex;justify-content:space-between;align-items:center;}

.qianhe-head-fl span{margin-right:20px;}
.qianhe-head-fl span i{margin-right:8px;vertical-align:middle;font-size:20px;}
.qianhe-head-fl span b{font-size:16px;font-weight:500;color:#666;}

.qianhe-head-fr{display:flex;align-items:center;}

.qianhe-head-searchcon {
  position: relative;
  float: left;
  padding: 0 20px;
  height: 56px;
  line-height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qianhe-head-searchcon > i {
  font-size: 24px;
}
.qianhe-head-search {
  display: none;
  position: absolute;
  top: 55px;
  padding: 20px;
  background: #fff;
  box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.1);
}
.qianhe-head-searchbg {
  width: 260px;
  height: 38px;
  border: 1px solid #d9d9d9;
  border-radius: 50px;
}
.qianhe-head-search input {
  float: left;
  box-sizing: border-box;
  width: 208px;
  height: 36px;
  padding-left: 24px;
  font-size: 14px;
  color: #666;
  border: none;
  outline: none;
  background: 0 0;
}
.qianhe-head-search button {
  float: right;
  width: 50px;
  height: 38px;
  line-height: 38px;
  margin-top: -1px;
  background-color: var(--color-primary);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 0;
}
.qianhe-head-search button i {
  color: white;
  font-size: 24px;
}

.qianhe-lang-show {
  position: relative;
  float: left;
  padding: 19px 0 18px;
}
.qianhe-lang-show .show-current {
  color: #666;
  padding: 0 20px;
  border-left: 1px solid #b2b2b2;
}
.qianhe-lang-show .show-current em {
  font-style: normal;
  font-size: 15px;
}
.qianhe-lang-show .show-current i {
  font-size: 12px;
}
.qianhe-lang-show .lang-box {
  width: 200px;
  padding: 10px;
  position: absolute;
  right: -10px;
  top: 50px;
  z-index: 200;
  background: #fff;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease 0s;
  box-shadow: 0 0 10px rgba(63, 62, 62, 0.2);
}
.qianhe-lang-show .lang-box::before {
  content: "";
  position: absolute;
  right: 37px;
  top: -8px;
  overflow: hidden;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  display: block;
}

.qianhe-lang-show .lang-box:dir(rtl)::before{
  right: auto!important;
  left: 37px;
}
.qianhe-lang-show ul {
  max-height: 160px;
  overflow-y: scroll;
  padding: 5px 10px;
  border: 1px solid #e5e5e5;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.qianhe-lang-show ul li {
  line-height: 20px;
  padding: 5px 0;
  border-bottom: 1px solid #f5f5f5;
  width: 50%;
}
.qianhe-lang-show ul li:last-child {
  border: none;
}
.qianhe-lang-show ul li a {
  color: #333;
  font-size: 12px;
  display: block;
  text-decoration: none;
}
.qianhe-lang-show ul li a:hover {
  color: #015198;
}
.qianhe-lang-show ul li img {
  vertical-align: middle;
  margin-right: 7px;
}
.qianhe-lang-show:hover .lang-box {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.qianhe-head-link {
  display: flex;
  align-items: center;
}
.qianhe-head-link a {
  width: 33px;
  height: 30px;
  background: #ccc;
  margin-left: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.qianhe-head-link a:hover {
  background: var(--color-primary);
}
.qianhe-head-link i {
  color: white;
  font-size: 20px;
}
.qianhe-head-link i.qico-youtube1 {
  font-size: 26px;
}



.qianhe-header{}
.qianhe-header-box{height: 85px;line-height: 85px;display: flex;width:100%;background:#000;}
.qianhe-header .container{display:flex;justify-content:space-between;align-items:center;}


.qianhe-head-logo img{max-height:66px;}

.header-right{display:flex;align-items:center;}


.qianhe-header-box.header-fix{position:fixed;top:0;left:0;right:0;z-index:100;}


.qianhe-head-nav > ul{display:flex;align-items:center;}
.qianhe-head-nav > ul > li{position:relative;}
.qianhe-head-nav > ul > li+li{margin-left:40px;}
.qianhe-head-nav > ul > li > a{display:block;font-size:15px;color:#fff;padding:20px 0;line-height:20px;text-align:center;text-transform:uppercase;font-weight:600;position:relative;}
.qianhe-head-nav > ul > li > a > i{font-size:13px;display:inline-block;}

.qianhe-head-nav > ul > li ul{position:absolute;width:230px;height:auto;left:-30px;text-align:left;top:58px;z-index:100;padding:10px;background:#fff;transform:rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition: transform 0.5s, opacity 0.3s;-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;box-shadow:rgba(0,0,0,0.14) 0px -6px 9px 0px;}
.qianhe-head-nav > ul > li > ul::before{content:'';position:absolute;left:60px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}

.qianhe-head-nav > ul > li > ul li{border-bottom:1px solid #EDEDED;position:relative;}
.qianhe-head-nav > ul > li > ul li:last-child{border:none;}
.qianhe-head-nav > ul > li > ul li > a{display:block;border-radius:4px;padding:9px 10px;color:#333;font-size:15px;line-height:21px;text-transform:capitalize;}
.qianhe-head-nav > ul > li > ul > li > a{padding-right:20px;}
.qianhe-head-nav > ul > li > ul li > a i{position:absolute;right:10px;top:10px;font-size:11px;}
.qianhe-head-nav > ul > li > ul li:hover > a{background:#008FD7;color:#fff;}

.qianhe-head-nav > ul > li > ul li ul{left:212px;top:0;width: 260px;}

.qianhe-head-nav > ul > li:hover > a,.qianhe-head-nav > ul > li.active > a{color:#008FD7;}
.qianhe-head-nav > ul > li:hover > a > i{transform:rotate(180deg);}

.qianhe-head-nav li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);}



/*

.qianhe-head-nav ul {
  width: 100%;
}
.qianhe-head-nav li {
  position: relative;
  display: inline-block;
  padding: 25px 20px;
}
.qianhe-head-nav li h3 {
  padding: 5px 0;
  border-bottom: 1px solid transparent;
}
.qianhe-head-nav li h3.down {
  transition: 0.3s all;
}
.qianhe-head-nav li a {
  display: block;
  padding: 0 2px;
  font-size: 15px;
  text-decoration: none;
}
.qianhe-head-nav li h3 a {
  color: #fff;
  text-transform: uppercase;
}
.qianhe-head-nav li h3 a i {
  font-size: 12px;
}
.qianhe-head-nav li:hover h3,
.qianhe-head-nav li.current h3 {
  border-bottom-color: var(--color-primary);
}
.qianhe-head-nav li:hover a,
.qianhe-head-nav li.current a {
  color: var(--color-primary);
}

.qianhe-nav-slidedown {
  display: none;
  position: absolute;
  width: 226px;
  top: 100%;
  left: 0;
  padding: 0 10% 15px;
  background: #fff;
  text-align: left;
  z-index: 9;
  box-shadow: 2px 3px 6px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.qianhe-head-nav li .qianhe-nav-slidedown a {
  height: auto;
  padding-top: 18px;
  font-size: 15px;
  color: #666;
  border-bottom: 1px solid #e2e2e2;
}
.qianhe-head-nav li .qianhe-nav-slidedown a:hover {
  color: var(--color-primary);
}

*/

.qianhe-header .qianhe-href {margin-left: 20px;
}
.qianhe-href a {
  display: inline-block;
  padding: 9px 15px;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  border-radius: var(--button-radius);
}
.qianhe-href a:hover {
background:rgba(0,143,215,.8)
}










.qianhe-mobile-height {
  display: none;
  height: 60px;
  overflow: hidden; background: #000;
}

.qianhe-mobile-height .container{height:100%;display:flex;justify-content:space-between;align-items:center;}


.qianhe-m-navcenter img{max-height:46px;}

.qianhe-m-navright{display:flex;align-items:center;}

.qianhe-m-navright .qianhe-href a{padding:8px 12px;font-size:12px;}

.qianhe-m-navico{line-height:40px;width:40px;height:40px;text-align:center;margin-left:5px;}
.qianhe-m-navico i{color:white;font-size:22px;}

.qianhe-m-navlist {
  position: fixed;
  left: -80%;
  top: 0;
  bottom: 0;
  width: 76%;
  padding: 0 0 20px;
  background: #fff;
  box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, 0.2);
  overflow: scroll;
  z-index: 999;
}
.qianhe-m-navlist p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:15px 20px;
  font-size: 24px;
  background:#000;
}
.qianhe-m-navlist p img {height:35px;}

.qianhe-m-navlist p i {
  float: right;
  font-size: 20px;
  color: #fff;
}

.qianhe-m-navlistcon {
  margin-left: 20px;
}
.qianhe-m-navlistcon ul {
  display: none;
}
.qianhe-m-navlistcon span {
  display: block;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.qianhe-m-navlistcon span a {
  display: inline-block;
  width: 70%;
  padding: 15px 0;
  font-size: 16px;
  color: #000009;
  float: left;
}
.qianhe-m-navlistcon span a.on,
.qianhe-m-navlistcon li a.on {
  color: var(--color-primary);
}
.qianhe-m-navlistcon span i {
  float: right;
  padding: 18px 6% 18px 0;
  font-size: 12px;
}
.qianhe-m-navlistcon ul li {
  margin-left: 20px;
  border-bottom: 1px solid #dedede;
}
.qianhe-m-navlistcon ul li a {
  display: block;
  padding: 15px 0;
  font-size: 15px;
  color: #666;
}
.qianhe-m-navlistcon ul li a b {
  padding-left: 10px;
}
.qianhe-m-navlistcon .xla-three {
  border-top: 1px solid #dedede;
  padding-left: 20px;
}

.qianhe-gotop {
  position: fixed;
  right: 10px;
  top: 50%;
  display: none;
  margin-top: -61px;
  z-index: 100;
}
.qianhe-gotop a {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  margin: 10px 0;
  text-align: center;
  line-height: 46px;
  box-shadow: 1px 2px 6px 2px rgb(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.qianhe-gotop a:hover {
background:rgba(0,143,215,.8)
}
.qianhe-gotop a i {
  font-size: 24px;
}


@media screen and (max-width: 1400px) {
  .qianhe-head-top {
    height: 46px;
  }

  .qianhe-head-fl span img {
    margin-top: 16px;
  }

  .qianhe-head-searchcon {
    height: 46px;
    line-height: 48px;
  }
  .qianhe-head-search {
    top: 46px;
  }

  .qianhe-lang-show {
    position: relative;
    float: left;
    padding: 15px 0 14px;
  }
  .qianhe-lang-show .lang-hide {
    top: 46px;
  }

  .qianhe-head-link {
    margin-top: 9px;
  }

  /* .qianhe-header {
    padding: 15px 0;
  } */

  .qianhe-head-logo {
    width: 16%;
  }

  .qianhe-href a {
    padding: 13px 6px;
    font-size: 12px;
  }
  .qianhe-head-nav {
    /* width: 62%; */
  }
  .qianhe-head-nav li {
    padding: 25px 14px;
  }
  .qianhe-head-nav li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .qianhe-head-top {
    position: relative;
  }

  .qianhe-head-fl span b {
    font-size: 14px;
  }

  .qianhe-head-searchcon {
    position: static;
    padding: 0 10px;
  }
  .qianhe-head-search {
    width: 100%;
    left: 0;
  }
  .qianhe-head-searchbg {
    width: auto;
  }

  .qianhe-lang-show .show-current {
    padding: 0 0 0 14px;
  }
  .qianhe-lang-show .lang-hide {
    left: auto;
  }

   .qianhe-lang-show .lang-hide:dir(rtl) {
    left: 0px!important;
    right: auto!important;
  }

  .qianhe-head-link {
    display: none;
  }

  .qianhe-header-height {
    display: none;
  }
  .qianhe-header {
    display: none;
  }

  .qianhe-mobile-height {
    display: block;
    position: relative;
    z-index: 9;
  }
  .qianhe-mobile-nav {
    display: block;
  }


}
@media screen and (max-width:480px) {
    .qianhe-lang-show ul li img {
     width: 27px;
     height: 18px;
  }

}

@media screen and (max-width: 375px) {
  .qianhe-head-fl span {
    margin-right: 0;
  }
  .qianhe-head-fl span b {
    font-size: 12px;
  }

}


@media screen and (max-width:550px){
  .qianhe-head-fl span a{
    font-size: 12px;
  }
  .qianhe-head-fl span{
    margin-right: 0 !important;
  }
}