body.fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  right: 0;
}
input{outline: none;}
/* 导航 */
.menu{
  position: fixed;
  z-index: 999;
  width: 100%;
  backdrop-filter: blur(1.25rem);
  background: hsla(0,0%,100%,.86);
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.headpc{
  height: 100px;
}
.companyinfo{padding: 45px 0 50px 0;}
.number .countup-txt{text-align: center;}
#dt .counter h2,#dt .counter{position: relative;}
#dt .counter h2{display: inline-block;}
#dt .counter::after{content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background: rgba(255,255,255,0.3);
    top: 7px;
    right: 0px;}
.wrapper .wrapper4 .counter::after{display: none;}
#dt .counter h2{font-family: impact;font-size: 56px;color: #fff;position: relative;}
#dt .counter h2::before {
    content: "+";
    position: absolute;
    font-size: 32px;
    color: #fff;
    bottom: 4px;
    right: -24px;
    font-weight: normal;
    font-family: SourceHanSansCN-Normal;}
#dt .timey{font-family: 'SourceHanSansCN-Normal';font-size: 16px;color: #fff;padding-top:2px}
#dt{text-align: center;}
.wrapper .wrapper1,.wrapper .wrapper2,.wrapper .wrapper3,.wrapper .wrapper4{display: inline-block;width: 24%;}
.menu .navbar{margin-bottom: 0;border: none;border-radius: 0;background: none;}
.menu .container-fluid{padding: 0;}
.menu .navbar-collapse{padding: 0;}
.menu .navbar-header{padding-left: 70px;height: 100px;}
.menu .navbar-right{margin-right: 0;padding-right: 50px; height: 100px;}
.menu .navbar-default .navbar-nav li a{padding: 0;color: #606266;transition: all ease-in-out .2s;}
.menu .navbar-default .navbar-nav li{position: static;}
.menu .navbar-nav li.topli{
  padding: 0 24px;
  
  height: 100%;
}
.menu .navbar-nav li.topli a.topa{
  display: flex;
  position: relative;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #606266;
}
.menu .navbar-nav li.topli a.topa.hover{
  color: #007a40;
}
.menu .navbar-nav li.topli a.topa::after{
  content: '';
  position: absolute;
  right: -24px;
  top: 50%; 
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #E2E2E2;
}
.menu .navbar-nav li.topli:last-child a.topa::after{display: none;}
.menu .navbar-default .navbar-nav li.topli a:hover{color: #007a40;}
.menu .clogo .logor img{width: 44px;display: block;height: 44px;margin-right: 10px;}
.menu .clogo .logo img{width: 240px;display: block;}
.menu .clogo .logor img.slogen{
  display: block;
  width: auto;
  height: 24px;
  margin-right: 0;
}
.menu .clogo .logo{float: left;position: relative;z-index: 8;top: 3px;}
.menu .clogo .logor span{font-size: 20px;color: #E62129;
letter-spacing: 0.1em;
}
.menu .clogo .logor span i{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 28px;
  font-style: normal;
}
.menu .clogo .logor{padding: 28px 0 0 16px;}
.menu .navbar .navbar-collapse .submenu{
  width: 100%;
  background: #fff;
  top: 100px;
  left: 0;
  z-index: 90;
  border-radius: 0 0 6px 6px;
  display: none;
}
.menu .navbar .navbar-collapse .submenu .submenu-inner{
  width: 960px;
  margin: 0 auto;
}
.menu .navbar .navbar-collapse .submenu .cp-menu{
  width: 1350px;
  margin: 0 auto;
}
.mobilenav{
  display: none;
}


.submenu-inner .subdlwrap{
  padding: 36px 0 53px;
}
.submenu-inner .subdlwrap .subitem {
  margin-right: 50px;
}
.submenu-inner.cp-menu .subdlwrap .subitem{
  margin-right: 0px;
}
.submenu-inner .subdlwrap .subitem h2{
  font-size: 30px;
  line-height: 44px;
  font-family: 'SourceHanSansCN-Medium';
}
.submenu-inner .subdlwrap .subitem p{
  line-height: 27px;
  margin-top: 4px;
  margin-bottom: 16px;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner .subdlwrap .subitem a{
  display: flex;
  width: 95px;
  height: 31px;
  align-items: center;
  color: #007a40;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subdlwrap .subitem{
  position: relative;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subdlwrap .subitem::after{
  content: "";
  height: 180px;
  width: 1px;
  background: #EBEEF5;
  position: absolute;
  right: -56px;
  top: 50%;
  transform: translateY(-50%);
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subdlwrap .subitem.mr80{
  margin-right: 56px;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner .subdlwrap .subitem a img{
  width: 20px;
  display: block;
}
.submenu-inner .subdlwrap .pic img{
  width: 303px;
  height: 200px;
  object-fit: cover;
}
.submenu-inner .subul{
  height: 168px;
  border-left: 1px solid #EBEEF5;
  padding-left: 100px;
  margin-right: 100px;
}
.submenu-inner .subul a{
  display: inline-block;
  height: 48px;
  line-height: 48px;
  width: 164px;
  text-align: center;
  font-size: 16px;
  color: #606266;
  transition: all ease-in-out .2s;
  border: 1px solid #E4E7ED;
  
}
.submenu-inner .subul a:hover{
  border: 1px solid #007a40;
}
.submenu-inner .subul ul li{
  margin-bottom: 18px;
}
.submenu-inner .subul ul li:nth-last-child(1){
  margin-bottom: 0;
}
.menu .navbar-default .navbar-nav li .submenu-inner.cp-menu .subproul{
  padding: 0 0px;
  position: relative;
}
.menu .navbar-default .navbar-nav li .submenu-inner.cp-menu .subproul::before{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 168px;
  background: #EBEEF5;
  width: 1px;
  content:"";
  display: none;

}
.menu .navbar-default .navbar-nav li .submenu-inner.cp-menu .subproul a{
  display: inline-block;
  height: 48px;
  line-height: 48px;
  border: 1px solid #E4E7ED;
  margin-bottom: 18px;
  width: 164px;
  text-align: center;
  font-size: 16px;
  color: #606266;
  transition: all ease-in-out .2s;
}
.menu .navbar-default .navbar-nav li .submenu-inner.cp-menu .subproul a:nth-last-child(1){
  margin-bottom: 0;
}
.menu .navbar-default .navbar-nav li .submenu-inner.cp-menu .subproul a:hover{
  background: #007a40;
  border: 1px solid #007a40;
  color: #fff;
}
.submenu-inner.cp-menu .subul{
  height: auto;
  padding-left: 0px;
  margin-right: 0px;
  position: relative;
  border-left: none;
}
.submenu-inner.cp-menu .subul::before{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 168px;
  background: #EBEEF5;
  width: 1px;
  content:"";
  display: none;
}
.submenu-inner.cp-menu .subul ul{
  width: 536px;
}
.submenu-inner.cp-menu .subul ul li{
  width: 20%;
}
.submenu-inner.cp-menu .subul ul li.mb30{
  margin-bottom: 20px;
}
.submenu-inner.cp-menu .subul ul li.mb0{
  margin-bottom: 0px;
}
.submenu-inner.cp-menu .subul ul li a .cppic{
  width: 40px;
  height: 40px;
  position: relative;
}
.submenu-inner.cp-menu .subul ul li a .cppic img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease-in-out .2s;
}

.submenu-inner.cp-menu .subul ul li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  width: auto;
  text-align: center;
  border: none;
}
.submenu-inner.cp-menu .subul ul li a .cppic img.img2{
  opacity: 0;
}
.submenu-inner.cp-menu .subul ul li a .cppic img.img1{
  opacity: 1;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner .subul a:hover{
  color: #fff;
  background: #007a40;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subul a:hover{
  color: #007a40;
  background: none;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subul a:hover .cppic img.img2{
  opacity: 1;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subul a:hover .cppic img.img1{
  opacity: 0;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subul a .cpp{
  color: #606266;
  font-size: 14px;
  transition: all ease-in-out .2s;
  line-height: 24px;
  margin-top: 6px;
}
.menu .navbar-default .navbar-nav li.topli .submenu-inner.cp-menu .subul a:hover .cpp{
  color: #007a40;
}


.submenu-inner .subdlwrap.serv .subul ul li{
  margin-bottom: 12px;
}




/* 分页 */
/*.pager{
    margin: 40px 0 40px;
}
.pager ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pager ul li{
    margin: 0 4px;
}
.pager ul li a{
    display: inline-block;
    border: 1px solid #EBEEF5;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #606266;
    font-size: 14px;
    text-align: center;
    padding: 0;
    transition: all ease-in-out .2s;
}
.pager ul li.active span{
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0;
    background: #007a40;
    border: 1px solid #007a40;
}
.pager ul li.active span:hover{
    background: #007a40;
    border: 1px solid #007a40;
}
.pager ul li a:hover{
    color: #fff;
    background: #007a40;
    border: 1px solid #007a40;
}
.pager ul li:nth-last-child(1) a{
    width: auto;
    padding: 0 20px;
    border-radius: 16px;
}
.pager ul li:nth-child(1) a{
    width: auto;
    padding: 0 20px;
    border-radius: 16px;
}

.pager ul li.disabled span{
    border: 1px solid #EBEEF5;
    border-radius: 16px;
    font-size: 14px;
    color: #606266;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    width: auto;
    padding: 0 20px;
    opacity: 0.5;
}
.pager ul li.disabled:hover{
    cursor:no-drop
}*/


/* 分页 */
.pager{
    margin: 40px 0 40px;
}

.pager a{
    display: inline-block;
    border: 1px solid #EBEEF5;
	background-color:#fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #606266;
    font-size: 14px;
    text-align: center;
    padding: 0;
    transition: all ease-in-out .2s;
}
.pager .current{
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0;
    background: #007a40;
    border: 1px solid #007a40;
}
.pager .current:hover{
    background: #007a40;
    border: 1px solid #007a40;
}
.pager a:hover{
    color: #fff;
    background: #007a40;
    border: 1px solid #007a40;
}


.pager span{
    border: 1px solid #EBEEF5;
	background-color:#fff;
    border-radius: 16px;
    font-size: 14px;
    color: #606266;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    width: auto;
    padding: 0 20px;
}

.pager a:first-child{
    width: auto;
    padding: 0 20px;
    border-radius: 16px;
}

.pager a:last-child{
    width: auto;
    padding: 0 20px;
    border-radius: 16px;
}





/* swiper */
.swiper-pagination-bullet{width: 16px;height: 16px;background: url(https://www.whjhl.com.cn/Themes/default/images/dot.png) no-repeat center center;background-size: 16px;}
.swiper-pagination-bullet-active{background: url(https://www.whjhl.com.cn/Themes/default/images/dothover.png) no-repeat center center;background-size: 16px;outline: none;}

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



/* 网站底部footer */
.footer{background: #303133;padding: 40px 0 54px;}
.ftl{width: 980px;padding-bottom: 14px;}
.ftl-mobile{
  display: none;
}
.mobile-mp{
  display: none;
}
.ftmenu .ul{margin-right: 74px;}
.ftmenu .ul:nth-last-child(1){margin-right: 0;}
.ftmenu .ul .li a{color: #73757B;transition: all ease-in-out .2s;font-size: 16px;}
.ftmenu .ul .li a:hover{color: #E4E7ED;}
.ftmenu .ul .li{color: #E4E7ED;height: 27px; 
  text-align: center;
   line-height: 27px;margin-bottom: 4px;}
.ftmenu .ul .lifirst{margin-bottom: 16px;color: #B3B9C4;
  pointer-events:none;
  font-size: 18px;
}

.ftmenu {padding-bottom: 40px;border-bottom: 0.5px solid rgba(255, 255, 255, 0.07);}

.ftinfo{margin-top: 44px;}
.ftinfo .p{line-height: 24px;display: flex;align-items: center;margin-bottom: 14px;flex-wrap: wrap;}
.ftinfo .p,.ftinfo a,.ftinfo span,.ftinfo .line{font-size: 14px;color: #6D7178;}
.ftinfo .p img{width: 17px;height: 17px;margin-right: 4px;}
.ftinfo .p .line{margin: 0 14px;color: rgba(255, 255, 255, 0.07);}
.ftinfo .yyzz{right: 0;bottom: 4px;}
.ftinfo .yyzz img{width: 165px;height: 45px;display: block;}
.ftinfo .p a,.ftinfo a span{transition: all ease-in-out .2s;}
.ftinfo .p a:hover,.ftinfo .p a:hover span{color: #E4E7ED;}

.ftinfo .friendlink .link{
  line-height: 27px;
  width: 82.1%;
}
.ftinfo .friendlink .link .linkt {
  margin-bottom: 3px;
}
.ftinfo .friendlink .link .linkt span{
  color: #6D7178;
  font-size: 14px;
}
.ftinfo .friendlink .link a,
.ftinfo .p.sitemap a,
.ftinfo .p.copyadd span
{
  position: relative;
  color: #6D7178;
  font-size: 14px;
  padding-right: 11px;
  margin-right: 11px;
  display: inline-block;
  transition: all ease-in-out .2s;

}
.ftinfo .p.copyadd{display: block;}
.ftinfo .friendlink .link a:hover,
.ftinfo .p.sitemap a:hover
{
  color: #E4E7ED;
}
.ftinfo .friendlink .link a::after,
.ftinfo .p.sitemap a::after{
  position: absolute;
  content: "";
  color: #6D7178;
  font-size: 14px;
  right: 0;
  height: 15px;
  width: 0.5px;
  background: rgba(255, 255, 255, 0.1);
  top: 50%;
  transform: translateY(-50%);
}
.ftinfo .p.sitemap{
  margin-bottom: 28px;
}
.ftinfo .friendlink .link a:nth-last-child(1)::after,
.ftinfo .p.sitemap a:nth-last-child(1)::after{
  display: none;
}
.ftinfo .p.copyadd span{
  font-size: 16px;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.ftinfo .p.copyadd .line{
  height: 15px;
  width: 1px;
  margin: 0 10px;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  position: relative;
  top:2px
}
.ftr{width: 250px;padding-top: 10px;}
.ftr .ftlogo img{width: 146px;display: block;}
.ftr .ftlogo{margin-bottom: 24px;}
.ftr .fticon .pic img{width: 40px;display: block;}
.ftr .fticon p{font-size: 14px;color: #B3B9C4;margin-top: 5px;}
.ftr .ftmp .pic img{width: 90px;display: block;}
.ftr .fttel h2,.ftr .fttel h3{color: #E4E7ED;}
.ftr .fttel h2{font-size: 32px;line-height: 42px;}
.ftr .fttel h2 img{
  width: 198px;
}
.ftr .fttel h3{
  font-size: 16px;
  color: #B3B9C4;
  font-weight: normal;line-height: 24px;
}
.ftr .fttel h3.mobileh3{
  display: none;
}
.ftr .fttel{margin-bottom: 40px;text-align: right;}
.fticon{margin-bottom: 23px;}
.fticon a{display: flex;margin-left: 42px; justify-content: center;align-items: center;flex-direction: column;}
.ftr .ftmp p{color: #B3B9C4;font-size: 14px;margin-top: 12px;}
.ftr .ftmp .ewmwrap{
  margin-left: 25px;
}
.ftr{align-items: flex-end;}
.mobilecopy{
  display: none;
}
.callphone{
  display: none;
}
.rightbar{
  width: 88px;
  padding: 10px 0;
  border-radius: 4px;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.08));
  top: 28%;

  right: 0;
  position: fixed;
  z-index: 99;
}
.rightbar .barlist{
  cursor: pointer;
}
.rightbar .barlist .pic img{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease-in-out .2s;
}
.rightbar .barlist .pic img.img2{
  opacity: 0;
}
.rightbar .barlist .pic img.img1{
  opacity: 1;
}
.rightbar .barlist .pic{
  position: relative;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
}
.rightbar .barlist p{
  text-align: center;
  color: #999;
  font-size: 14px;
  transition: all ease-in-out .2s;
}
.rightbar .barlist{
  height: 88px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.rightbar .barlist .weixin{
  z-index: 12;
  left: -108px;
  padding: 4px;
  top: -44px;
  background: #fff;
  display: none;
}

.rightbar .barlist .telbox{
  z-index: 12;
  left: -190px;
  top:-10px;
  background: #fff;
  display: none;
  padding: 20px;
  line-height: 30px;
}
#dianhua{position: relative;}
#dianhua:hover .telbox{display: block;}
.rightbar .barlist .weixin p{
  text-align: center;
  color: #999;
  font-size: 14px;
}
.rightbar .barlist .weixin .wxpic img{
  width: 100px;
  height: 100px;
}
.rightbar .barlist:last-child{
  display: none;
}
.rightbar .barlist:last-child .pic{
  left: 50%;
  transform: translateX(-50%);
}
.rightbar .barlist:hover .pic img.img1{
  opacity: 0;
}
.rightbar .barlist:hover .pic img.img2{
  opacity: 1;
}
.rightbar .barlist:hover p{
  color: #007a40;
}
.rightbar .barlist:hover .weixin p{
  color: #999;
}

/*=========================内页样式====================*/

/* 内页-新闻中心 */
.ban img{width: 100%;}
.ban img.mobileimg{
  display: none;
}
.bantitle{font-size: 42px;font-family: 'SourceHanSansCN-Medium';text-align: center;width: 100%;top: 50%;transform: translateY(-50%);}
.ncon{padding: 0 0 100px;}
.mobile-news-wrap .mobile-news-tit{
  display: none;
}
.newstitle a{width: 186px;margin: 10px;text-align: center; transition: all ease-in-out .2s; font-size: 20px; display: flex;justify-content: center;align-items: center; height: 56px;border: 1px solid #E2E2E2;background: #FFFFFF;}
.newstitle{height: 176px;flex-wrap: wrap;}
.newstitle a:hover,.newstitle a.hover{background: #007a40;color: #fff;border: 1px solid #007a40;}
.newscon a{display: block;margin-bottom: 24px; transition: all ease-in-out .2s;position: relative;top: 0;}
.newscon a .ai{padding: 30px;}
.newscon a .al img{width: 100%;height: 100%;object-fit: cover;display: block;}
.newscon a .al {width: 274px;height: 172px;}
.newscon a .ar .des .tit{height: 36px;font-family: 'SourceHanSansCN-Medium'; transition: all ease-in-out .2s; line-height: 36px;margin-bottom: 16px; overflow: hidden;font-size: 24px; text-overflow: ellipsis;white-space: nowrap;}
.newscon a .ar .more{width: 142px;transition: all ease-in-out .2s; border: 1px solid #E2E2E2;font-size: 20px; color: #999999; height: 56px;}
.newscon a:hover .ar .more{color: #007a40;border: 1px solid #007a40;}
.newscon a:hover .ar .des .tit{color: #007a40;}
.newscon a .ar .des p{line-height: 38px;margin-bottom: 16px; color: #999;height: 76px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newscon a .des .date img{width: 16px;height: 16px;}
.newscon a .des .date{margin-bottom: 12px;}
.newscon a .des .date span{font-size: 14px;color: #999;}
.newscon a .des .date .span{margin-right: 26px;}
.newscon a .des .date .span img{margin-right: 6px;}
.newscon a .des {width: 844px;margin-right: 56px;}
.newscon a:hover{box-shadow: 0px 10px 22px rgba(26, 53, 95, 0.08);top: -10px;}
.newscon a .des .date{margin-bottom: 0;}

.news-video{flex-wrap: wrap;}
.news-video a{display: block;position: relative;top: 0;transition: all ease-in-out .2s; background: #fff;margin: 0 28px 28px 0;width: 448px;}
.news-video a:nth-child(3n){margin-right: 0;}

.news-video a .pic{overflow: hidden;height: 282px;width: 100%;}
.news-video a .pic img.img{display: block;width: 100%;height: 282px;object-fit: cover;transition: all ease-in-out .2s;}
.news-video a .pic img.vd{width: 56px;height: 56px;display: block;z-index: 80;}
.news-video a .des .date{margin-bottom: 12px;}
.news-video a .des .date img{width: 16px;height: 16px;}
.news-video a .des .date span{font-size: 14px;color: #999;}
.news-video a .des .date .span{margin-right: 26px;}
.news-video a .des .date .span img{margin-right: 6px;}
.news-video a .des .tit{margin-bottom: 12px; font-size: 20px;line-height: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news-video a .des{padding: 20px;}

.news-video a:hover{top: -10px;}
.pos{height: 60px;}
.pos a,.pos span{color: #999;}
.pos span{margin: 0 4px;}
.detail-l{width: 64.3%;}
.detail-r{width: 28.6%;}
.title{margin-bottom: 30px;}
.title h1{font-size: 34px;font-family: 'SourceHanSansCN-Medium'; line-height: 50px;font-weight: 500;margin-bottom: 14px;}
.title .date{margin-bottom: 12px;}
.title .date span{font-size: 18px;color: #999;}
.title .date .span{margin-right: 26px;}
.title .date .span img{margin-right: 6px;}
.title .date img{width: 16px;height: 16px;}
.news-detail{margin-top: 40px;}
.content{line-height: 2em;padding-bottom: 30px;border-bottom: 1px solid #E2E2E2;}
.content img{max-width: 100%;height: auto;}
.news .content img{max-width: 100%;height: auto;margin: 18px auto;display: block;}

.goback{padding-top: 40px;}
.goback a{display: block;transition: all ease-in-out .2s;text-align: center;line-height: 40px; width: 132px;height: 40px;font-size: 14px; border: 1px solid #E2E2E2;}
.goback a:hover,.goback a:active,.goback a:focus{color: #007a40;border: 1px solid #007a40;}

.detail-r h2{font-size: 20px;line-height: 38px;font-family: 'SourceHanSansCN-Medium';margin-bottom: 16px;}
.detail-r .tjnews img{width: 100%;display: block;}

.detail-r .tjnews a .p{border-bottom: 1px solid #F1F1F1; transition: all ease-in-out .2s;color: #999;padding: 20px 0;}
.detail-r .ula .lib{border-bottom: 1px solid #F1F1F1;padding: 20px 0;}
.detail-r .ula .lib a{transition: all ease-in-out .2s;color: #999;}
.detail-r .ula .lib a:hover{color: #007a40;}
.detail-r .tjnews a:hover .p{color: #007a40;}

.videocon a{
  width: 32%;
  display: block;
  margin: 0 2% 2% 0;
}
.videocon a:nth-child(3n){
  margin-right: 0;
}
.videocon a .pic .img img{
  width: 100%;
  display: block;
}
.videocon a .pic .ceng{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 4;
}
.videocon a .pic .ceng img{
  width: 56px;
  height: 56px;
  display: block;
}
.videocon a .des{
  padding: 20px;
}
.videocon a .des .tit{
  font-size: 20px;
  height: 60px;
  margin-bottom: 12px;
  display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2; 
overflow: hidden; 
}
.videocon a .des .date{margin-bottom: 12px;}
.videocon a .des .date img{width: 16px;height: 16px;}
.videocon a .des .date span{font-size: 14px;color: #999;}
.videocon a .des .date .span{margin-right: 26px;}
.videocon a .des .date .span img{margin-right: 6px;}

.vide video{width: 100%;display: block;}
.jianjie{
  padding-top: 100px;
}
.jianjie h2,.about6 h2{
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'SourceHanSansCN-Medium';
}
.jianjie h2 span,.about6 h2 span{display: block;font-size: 18px;color: #999;text-align: center;}

.jianjie .mobile-des{
  display: none;
}
.des,.des p{
  color: #999999;
  line-height: 34px;
  font-size: 18px;
}
.des p{
  margin-bottom: 16px;
}
.jianjie .des p{text-indent: 36px;}
.aboutbg{
  height: 480px;
  margin-top: 40px;
  background: url(https://www.whjhl.com.cn/Themes/default/images/bg_about.jpg) no-repeat center top;
}
.aboutbg .mao{
  transition: all ease-in-out .2s;
  width: 132px;
  height: 182px;
  margin: 0 40px;
  position: relative;
  top: 0;
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(8.5px);
}

.aboutbg .mao .pic img{
  width: 70px;
  height: 70px;
  display: block;
}
.aboutbg .mao .pp{
  color: #fff;
  font-size: 20px;
  margin-top: 16px;
}
.aboutbg .mao:hover{
  backdrop-filter: blur(3.5px);
  top: -20px;
}


/* 用实力创造品质 */
/*.about2{
  height: 700px;
  margin-top: 100px;

  background: url(https://www.whjhl.com.cn/Themes/default/images/bg_about2.jpg) no-repeat center top;
}
.about2 .tit{
  text-align: center;
  padding-top: 100px;

}
.about2 .tit h2{
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 20px;
  font-family: 'SourceHanSansCN-Medium';
}

.about2 .tit p{
  font-size: 20px;
  line-height: 30px;
}

.about2-bot{margin-top: 40px;}
.about2-bot .itm{
  height: 160px;
  margin: 0 20px 20px 0;
  transition: all ease-in-out .2s;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(6px);
  position: relative;
  top: 0;
}
.about2-bot .itm .text{
  transition: all ease-in-out .2s;
  color: #656565;
}
.about2-bot .itm .num{
  display: flex;
  
}
.about2-bot .itm .num .text1{
  font-size: 40px;
  font-family: 'SourceHanSansCN-Medium';
}
.about2-bot .itm .pp{
  color: #656565;
  transition: all ease-in-out .2s;
}
.about2-bot .itm1,.about2-bot .itm2,.about2-bot .itm3,.about2-bot .itm4{
  width: 334px;
}
.about2-bot .itm5,.about2-bot .itm6,.about2-bot .itm7{
  width: 452px;
}

.about2-bot .itm:hover .text,.about2-bot .itm:hover .pp{
  color: #303133;
}
.about2-bot .itm4,.about2-bot .itm7{
  margin-right: 0;
}*/
.about2,.about6{padding: 120px 0 80px;}
.clear{clear: both;}
.about2 li{margin-top: 70px;}
.about2 li .p1 span{display:inline-block;width:170px;height: 54px;text-align: center;line-height: 54px;color: #fff;font-size: 32px;background: #117800;border-radius: 27px;}
.about2 li .p2{color: #117800;font-size: 40px;margin: 40px 0 30px 0;}
.about2 li .p3{color: #666;font-size: 20px;line-height: 40px;}
.about2 li.li1 .left{float: left;width: 50%;padding: 70px;}
.about2 li.li1 .right{float: right;width: 50%;}
.about2 li.li2 .left{float: right;width: 50%;padding: 70px;}
.about2 li.li2 .right{float: left;width: 50%;}
.about2 li img{width: 100%;}
.about2 li .right2{display: none;}
/* 董事长致辞 */
.about3{

  background: url(https://www.whjhl.com.cn/Themes/default/images/bg_about3.jpg) no-repeat center top;
}
.about3i{
  height: 790px;
}
.about3 .bg_dsz{
  background: url(https://www.whjhl.com.cn/Themes/default/images/dsz.png) no-repeat right center;
}
.about3-l{
  width: 760px;
  padding-top: 120px;
}
.about3-l h2{
  margin-bottom: 60px;
  position: relative;
  font-size: 42px;
  line-height: 62px;
  font-family: 'SourceHanSansCN-Medium';
}
.about3-l h3{
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
  font-family: 'SourceHanSansCN-Medium';
}
.about3-l p{
  line-height: 34px;
  color: #666;
  margin-bottom: 50px;
}
.about3 .culture .itm{
  width: 240px;
  height: 183px;
}
.about3 .culture .itm .tit{
  position: relative;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 27px;
  font-family: 'SourceHanSansCN-Medium';
}
.about3 .culture .itm{
  border-radius: 7px;
  position: relative;
  top: 0;
  transition: all ease-in-out .2s;
  text-align: center;
}
.about3 .culture .itm:hover{
  top: -20px;
}
.about3 .culture .itm .pp{
  color: #7A7A7A;
  line-height: 29px;
}

.about3 .culture .itm .tit::after{
  position: absolute;
  width: 35px;
  height: 2px;
  left: 50%;
  content: "";
  transform: translateX(-50%);
  bottom: -12px;
  background: #007a40;
}
.about3-l h2::after{
  position: absolute;
  left: 0;
  content: "";
  bottom: -30px;
  width: 91px;
  height: 3px;
  background: #007a40;
}
.about3-r{
  width: 485px;
  
}
.about3-r .pic{
  width: 100%;
}
.about3-r img{
  display: block;
  width: 100%;
}

/* 发展历程 */
.about4{
  background: url(https://www.whjhl.com.cn/Themes/default/images/bg_about4.jpg) no-repeat center top;
  height: 600px;
}
.about4 .tit{
  text-align: center;
  padding-top: 80px;
  margin-bottom: 40px;
}
.about4 .tit h2,.about4 .tit p{
  color: #fff;
}
.about4 .tit h2{
  font-weight: 500;
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 12px;
  font-family: 'SourceHanSansCN-Medium';
}
.about4 .tit p{
  font-size: 20px;
  line-height: 30px;
}
.swper.mySwiper{
  overflow: hidden;
  height: 300px;
} 
.swper .swiper-wrapper .swiper-slide{
  background: none;
  display: block;
  margin-right: 0!important;
  transform: none;
  text-align: left;
  width: 296px!important;
}
.swper .swiper-wrapper .swiper-slide:nth-child(2){
  width: 526px!important;
}
.swper .swiper-pagination{
  bottom: 0px!important;
}
.about4 .swper.aboutswp .swiper-pagination .swiper-pagination-bullet{
  background: url(https://www.whjhl.com.cn/Themes/default/images/aboutdot.png) no-repeat center center;
  background-size: 16px;
  opacity: 1;
}
.about4 .swper.aboutswp .swiper-pagination .swiper-pagination-bullet-active{
  background: url(https://www.whjhl.com.cn/Themes/default/images/dothover.png) no-repeat center center;
  background-size: 16px;
}
.splist .dd{
  position: relative;
  border-top: 1px solid rgba(255,255,255,0.5);
  padding: 24px 40px 0 20px;
}
.splist .dd::before{
  position: absolute;
  content: "";
  background: #FFFFFF;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: 3px;
  top: 66px;
}
.splist .dd .ddp{
  position: relative;
  width: 268px;
  height: 104px;
  box-sizing: border-box;
  padding: 0 20px;
  transition: all ease-in-out .2s;
  background: rgba(0, 0, 0, 0.17);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4.5px);
  border-radius: 4px;
}
.swper .swiper-wrapper .swiper-slide:nth-child(2) .dd .ddp{
  width: 469px;
}
.splist .dd .ddp::before{
  position: absolute;
  content: "";
  width: 1px;
  height: 69px;
  background: #FFFFFF;
  left: -14px;
  top: -20px;

}
.splist .dd .ddp h3,.splist .dd .ddp p{
  color: #fff;
  transition: all ease-in-out .2s;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; 

}
.splist .dd .ddp h3{
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 22px;
}
.splist .dd .ddp p{
  font-size: 14px;
  line-height: 21px;
}
.splist .dt{
  font-size: 30px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  font-family: 'SourceHanSansCN-Medium';
}
.splist .dt::after{
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border-radius: 50%;
  left: 0;
  bottom: -27px;
}

.splist .dd .ddp:hover{
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.44);
  backdrop-filter: blur(3px);
}
.splist .dd .ddp:hover h3,.splist .dd .ddp:hover p{
  color: #007a40;
}


/* 荣誉资质 */
.about5{
  background: #F5F6F8;
  padding: 120px 0 80px;
}
.about5 .tit,.about2 .tit{
  text-align: center;
}
.about5 .tit h2,.about2 .tit h2{
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 12px;
  font-family: 'SourceHanSansCN-Medium';
}
.about5 .tit p,.about2 .tit p{
  font-size: 20px;
  line-height: 30px;
  color: #999999;
}
.about5 .honorpics{
  margin-top: 40px;
}
.about5 .honorpics a{
  margin-right: 40px;
  display: block;
  margin-bottom: 36px;
}
.about5 .honorpics a img{
  width: 320px;
  height: 240px;
  object-fit: cover;
}
.about5 .honorpics a.a4,.about5 .honorpics a.a9{
  margin-right: 0;
}
.about5 .honorpics a.a7 img,.about5 .honorpics a.a8 img,.about5 .honorpics a.a9 img{
  width: 172px;
  height: 240px;
}
.about5 .honorpics a.a7,.about5 .honorpics a.a8{
  margin-right: 80px;
}
.leader{overflow: hidden;position: relative;padding-bottom: 60px;}
.leaderSwiper{
  width: 100%;
  height: 100%;
}
.leaderSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  transition: 300ms;
  transform: scale(1);
  display: block;
}
.leaderSwiper .swiper-slide-active,.leaderSwiper .swiper-slide-duplicate-active{
  transform: scale(1);
}
.leaderSwiper .pic{height:330px;position:relative;}
.leaderSwiper img{position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);}
.leaderSwiper p{display: block;color: #333;font-size: 18px;padding-top: 12px;}
.leader .swiper-pagination .swiper-pagination-bullet{
  background: #ccc;
  opacity: 1;
  outline: none;
}
.leader .swiper-pagination .swiper-pagination-bullet-active{
  background:#007a40;
}
.leader .swiper-pagination{bottom: 0;}
.look-more{margin-top: 20px;display: none;}
.look-more a{display: block;background: #c6a972;width: 130px;margin: 0 auto;text-align: center;color: #fff;font-size: 14px;height: 34px;line-height: 34px;}
.cons-about{display: none;}
.cons-about .fix-box{background: #fff;position: fixed;width: 90%;left: 50%;margin-left: -45%;height: 360px;top: 50%;margin-top: -180px;z-index: 1001;padding: 30px 20px;}
.cons-about .biaoti{color: #262626;border-bottom: 1px solid #999;font-size: 16px;padding-bottom: 10px;}
#zhezhao{background: rgba(0,0,0,0.7);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1000;}
.cons-about .close-xx{position: absolute;top: 10px;right: 20px;}
.cons-about .close-xx img{width:18px;}
.cons-about .we{height: 250px;overflow-y: auto;padding-right: 20px;margin: 20px 0;}
.cons-about .we p{font-size: 13px;line-height: 1.8em;letter-spacing: 0.04em;text-align: justify;text-indent: 26px;}
.cons-about .we::-webkit-scrollbar {width: 5px;opacity: 0;}
.cons-about .we::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background: #ebebeb;border-radius: 10px;}
.cons-about .we::-webkit-scrollbar-thumb {background:rgba(144,147,153,.3);border-radius: 10px; }
/* 合作媒体 */
.about6{
  background: #fff;
  padding-bottom: 0;
}
.honerpics{
  margin-top: 40px;
}
.honerpics a{
  border: 1px solid #F1F1F1;
  width: 252px;
  height: 98px;
  display: flex;
  margin: 0 35px 35px 0;
  justify-content: center;
  align-items: center;
}
.honerpics a img{
  max-width: 148px;
  max-height: 62px;
  object-fit: cover;
}
.honerpics a:nth-child(5n){
  margin-right: 0;
}
/*产品中心*/
.product-cat{
    padding: 33px 0;
}
.product-cat a{
    margin: 0 90px;
}
.product-cat .al{
    width: 70px;
    height: 70px;
    margin-right: 12px;
}
.product-cat .al img{
    width: 70px;
    height: 70px;
    transition: all ease-in-out .2s;
}
.product-cat .al img.img2{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.product-cat .al img.img1{
    opacity: 1;
}
.product-cat .ar h2{
    transition: all ease-in-out .2s;
    font-size: 20px;
    color: #606266;
    line-height: 30px;
    font-family: 'SourceHanSansCN-Medium';
}
.product-cat .ar p{
    transition: all ease-in-out .2s;
    color: #999999;
    line-height: 21px;
}
.product-cat a:hover .ar h2,
.product-cat a:hover .ar p,
.product-cat a.hover .ar h2,
.product-cat a.hover .ar p
{
    color: #007a40;
}
.product-cat a:hover .al img.img1,
.product-cat a.hover .al img.img1
{
    opacity: 0;
}

.product-cat a:hover .al img.img2,
.product-cat a.hover .al img.img2
{
    opacity: 1
}
.pro-t{
    margin: 100px 0 60px;
}
.pro-t h2{
    text-align: center;
    font-size: 42px;
    line-height: 62px;
    font-family: 'SourceHanSansCN-Medium';
}
.pro-body a {
    position: relative;
    top: 0;
    overflow: hidden;
    transition: all ease-in-out .2s;
    display: block;
    background: #fff;
    margin-bottom: 60px;
    height: 468px;
    
}
.pro-body a::before{
    content: "";
    clear: both;
    display: table;
}
.pro-body a::after{
    content: "";
    clear: both;
    display: table;
}
.pro-body a .ar{
    width: 54.85%;
}
.pro-body a .ar img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.pro-body a .al p{
    line-height: 34px;
    color: #999999;
    margin-bottom: 40px;
}
.pro-body a .al .tit{
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 20px;
    font-family:  'SourceHanSansCN-Medium';
}
.pro-body a .al .more{
    width: 132px;
    height: 44px;
    display: flex;
    align-items: center;
    transition: all ease-in-out .2s;
    justify-content: center;
    border: 1px solid #007a40;
    color: #007a40;
    font-size: 14px;
}
.pro-body a:hover{
    top: -20px;
    box-shadow: 0px 10px 27px rgba(26, 53, 95, 0.05);
}
.pro-body a:hover .al .more{
    background: #007a40;
    color: #fff;
}
.pro-body a .al{
    float: left;
    width: 43.75%;
    height: 100%;
}
.pro-body a .ar{
    float: right;
}
.pro-body a .al .ali{
    padding: 0 66px;
    height: 100%;
}
.pro-body a .al .ali .more img.img3{
    display: none;
}
.pro-body a:nth-child(2n) .al{
    float: right;
}

.pro-body a:nth-child(2n) .ar{
    float: left;
}

/* ==================防伪查询 ====================*/
.fangwei{margin-bottom: -100px;}
.chaxun{padding: 60px 0 60px;}
.cxtit{text-align: center;}
.cxtit h2{font-size: 42px;}
.cxtit p{font-size: 20px;color: #999;}

.map .mapi{
  height: 785px;
}

.nodata{
  padding-bottom: 40px;
}
.nodata .p{
  margin-top: 20px;
  font-size: 16px;
  color: #888;
}
.pro-images img{max-width: 100%;height: auto;display:inline-block;margin:20px;width: 20%;}
.pro-images.bigbox{padding: 50px 0;}
.pc-images2 img{width: 100%;margin: 0;}
/*招商加盟*/
/* =========================招商加盟============== */


/* 千山加盟六大优势 */
.join-title{padding-top: 118px;}
.join-title h2{font-size: 42px;text-align: center;font-family: 'SourceHanSansCN-Medium'; margin-bottom: 14px;}
.join-title p{text-align: center;color: #999;font-size: 20px;}
.join-f1b{margin-top: 60px;padding-bottom: 80px;justify-content: center;align-items: center;}
.join-f1b .item h2{font-size: 20px;line-height: 30px;margin-bottom: 8px;background-size: 60px!important;padding-top: 75px;}
.join-f1b .item {width: 446px;height: 212px;position: relative;top: 0;border-radius: 4px; padding: 0 66px;box-sizing: border-box; background: #F5F6F8;margin: 0 30px 30px 0;}
.join-f1b .item,.join-f1b .item h2,.join-f1b .item p{transition: all ease-in-out .2s;}
.join-f1b .item p{color: #909399;text-align: center;font-size: 14px;line-height: 1.8em;display: none;}
.join-f1b .item:hover p{display: block;transition: all 0.3s;}
.join-f1b .item:hover{background: #0B9E4D;top: -10px;}
.join-f1b .item:hover h2,.join-f1b .item:hover p{color: #fff;}
.join-f1b .item:hover h2{display: none;}
.join-f1b .item:nth-child(3n){margin-right: 0;}
.join-f1b .item1 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j1.png) no-repeat center top;}
.join-f1b .item2 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j2.png) no-repeat center top;}
.join-f1b .item3 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j3.png) no-repeat center top;}
.join-f1b .item4 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j4.png) no-repeat center top;}
.join-f1b .item5 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j5.png) no-repeat center top;}
.join-f1b .item6 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j6.png) no-repeat center top;}
.join-f1b .item7 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys1.png) no-repeat center top;}
.join-f1b .item8 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys2.png) no-repeat center top;}
.join-f1b .item9 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys3.png) no-repeat center top;}
.join-f1b .item10 h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys4.png) no-repeat center top;}

.join-f1b .item1:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j1h.png) no-repeat center top;}
.join-f1b .item2:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j2h.png) no-repeat center top;}
.join-f1b .item3:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j3h.png) no-repeat center top;}
.join-f1b .item4:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j4h.png) no-repeat center top;}
.join-f1b .item5:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j5h.png) no-repeat center top;}
.join-f1b .item6:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/j6h.png) no-repeat center top;}
.join-f1b .item7:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys01.png) no-repeat center top;}
.join-f1b .item8:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys02.png) no-repeat center top;}
.join-f1b .item9:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys03.png) no-repeat center top;}
.join-f1b .item10:hover h2{background: url(https://www.whjhl.com.cn/Themes/default/images/ys04.png) no-repeat center top;}


.join-f2{background: url(https://www.whjhl.com.cn/Themes/default/images/bg_join.jpg) no-repeat center top;}
.join-f2i{height: 680px;}
.join-f2i .join-title h2,.join-f2i .join-title p{color: #fff;text-align: center;}
.join-f2b .lia .nums,.join-f2b .lia .p{color: #fff;}
.join-f2i .join-title h2{margin-bottom: 18px;font-family: 'SourceHanSansCN-Medium'; }
.join-f2i .join-title{
  background: url(https://www.whjhl.com.cn/Themes/default/images/arowb.png) no-repeat center bottom;
  background-size: 32px;
  padding-bottom: 40px;
  
}
.join-f2i .join-title p{
  color: #E2E2E2;
  letter-spacing: 0.04em;
}
.join-f2b .lia .p{font-size: 20px;}
.join-f2b .lia .nums{font-size: 50px;line-height: 1.7em;font-family: impact;}
.join-f2b .lia{text-align: center;}
.join-f2b{margin-top: 200px;}



/* 合作支持 */
.join-f3b{margin-top: 60px;padding-bottom: 100px;}
.join-f3b .pics img{width: 1140px;display: block;}
.join-f3b .pics img.mobile-hezuo{
  display: none;
}
.join-f3b .tp{font-size: 30px;margin-top: 32px;}
/* 合作流程 */
.flow{background: url(https://www.whjhl.com.cn/Themes/default/images/bg_hezuo.jpg) no-repeat center top;
  
}
.flowi{height: 538px;}
.flowb{margin-top: 70px;}
.flowb .item p{color: #fff;font-size: 18px; text-align: center;margin-top: 40px;height: 50px;}
.flowb .item img{width: 83px;height: 83px;position: relative;z-index: 2;}
.flowb .item{width: 200px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.flowb .item .pic{position: relative;}
.flowb .item .pic::after{content: '';position: absolute;left: 83px;width: 160px;top: 50%; height: 1px;border-bottom: 1px dashed rgba(255,255,255,0.7);}
.flowb .item:nth-last-child(1) .pic::after{display: none;}
.flowb .item p.mobilep{
  display: none;
}






/* 加盟条件 */
.requirement{padding-bottom: 120px;}
.flowi .join-title h2{color: #fff;}
.reqb {margin-top: 60px;}
.reqb .item{width: 256px;height: 320px; position: relative;top: 0; border-radius: 4px;transition: all ease-in-out .2s;}
.reqb .item:hover{top: -10px;}
.reqb .item .pic img{width: 70px;display: block;margin-bottom: 43px;}
.reqb .item p{font-size: 20px;line-height: 1.7em;text-align: center;height: 102px;}

/* 店面形象 */
.join-f4b {margin-top: 60px;padding-bottom: 80px;}
.join-f4b a{display: block;}
.join-f4b a img{display: block;}
.join-f4b a {margin-bottom: 20px;}
.join-f4b a.a1 img,.join-f4b a.a2 img{width: 690px;height: 380px;object-fit: cover;}
.join-f4b a.a1 {margin-right: 20px;}
.join-f4b a.a3 img,.join-f4b a.a4 img,.join-f4b a.a5 img{width: 452px;height: 300px;}
.join-f4b a.a3,.join-f4b a.a4{margin-right: 22px;}
/* 加盟申请 */

.pdb0{padding-bottom: 0;}
.apply .w{height: 810px;background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(2.5px);}
.apply{padding: 100px 0;background: url(https://www.whjhl.com.cn/Themes/default/images/bg_apply.png) no-repeat center bottom;}
.form{padding: 0 218px;margin-top: 40px;}
.form-item input{display: block;background: none; text-align: right; padding: 0;border: none;outline: none;width: 120px; height: 60px;line-height: 60px;}
.form-item .ipt-wrap{width: 452px;margin-bottom:35px; box-sizing: border-box;padding: 0 16px; border: 1px solid rgba(0, 0, 0, 0.1);  border-radius: 8px;}
.form-item .ipt-wrap .label2{color: #231815;font-size: 18px;}
.form-item .ipt-wrap .label2 span{color: #FF4D4F;}

.form-item .ipt-wrap .checktext{
  left: 0;
  top: 100%;
  font-size: 14px;
  padding: 8px 0 0 8px;
  color: #FF4D4F;
}


.form-item .textarea textarea{display: block;font-size: 18px; height: 86px;resize: none; width: 100%;background: none;border: none;padding: 0;outline: none;}
.form-item .textarea {border: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 16px; border-radius: 8px;margin-bottom: 35px;}
.form-item .submit button{transition: all ease-in-out .1s;font-size: 20px; color: #fff;width: 240px;height: 60px; border: none;outline: none; background: #007a40;}
.form-item .submit button:hover{opacity: 0.9;}
.form-item .submit button:active,.form-item .submit button:focus{opacity: 0.9;}
.form-item .submit{padding-top: 40px;}
.apply .join-title{padding-top: 60px;}
.form-item .ipt-wrap select{display: block;text-align: right;width: 160px;height: 60px;line-height: 60px;border: none;background: none;}
.form-item .submit button.mj{
  background: #483729;
}

/* ============分仓加盟============= */
.fcjoin-f1b a{display: block;width: 24.14%;height: auto;position: relative;top: 0;transition: all ease-in-out .2s; }
.fcjoin-f1b a .pic img,.fcjoin-f1b a .pic{width: 100%;height: auto;overflow: hidden;}
.fcjoin-f1b{margin-top: 60px;padding-bottom: 120px;}
.fcjoin-f1b a .des{width: 100%;box-sizing: border-box;padding:0 0 66px 32px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 92.75%); position: absolute;bottom: 0;left: 0;z-index: 4;}
.fcjoin-f1b a .des .pp{font-size: 32px;color: #fff;position: relative;font-family: 'SourceHanSansCN-Medium';}
.fcjoin-f1b a .des .pp::after{content: "";position: absolute;bottom: -18px;left: 0; width: 68px;height: 2px;background: rgba(255, 255, 255, 0.65);}
.fcjoin-f1b a .des .num{
  font-weight: 700;
  font-size: 60px;
  line-height: 77px;
  background: linear-gradient(180deg, #FFFFFF 52.56%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

}
.fcjoin-f1b a:hover{
  top: -20px;
}

/* 赛道 */
.saidao{
  background: url(https://www.whjhl.com.cn/Themes/default/images/bg_fencang.jpg) no-repeat center top;
  height: 640px;
}
.saidao .hh3{
  margin-bottom: 32px;
}
.saidao .hh3 img{
  width: 913px;
}
.saidao .pp{
  color: #fff;
  font-size: 40px;
  letter-spacing: 0.02em;
  background: url(https://www.whjhl.com.cn/Themes/default/images/arrow_down.png) no-repeat center bottom;
  padding-bottom: 20px;
}

.saidaoswp.swiper .swiper-wrapper .swiper-slide img.img1{
  width: 100%;
  display: block;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide img.img2{
  display: none;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 4;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w{
  height: 100%;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad{
  width: 610px;
  height: 364px;
  background: rgba(0, 0, 0, 0.47);
  box-sizing: border-box;
  padding-left: 70px;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad h2,
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad p,
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad a{
  color: #fff;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad h2{
  font-size: 55px;
  font-family: 'SourceHanSansCN-Medium';
  font-weight: 700;
  text-align: left;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad p{
  font-size: 36px;
  margin-top: 16px;
  font-family: 'SourceHanSansCN-Medium';
  text-align: left;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld1 .w .shad a{
  display: block;
  width: 166px;
  height: 48px;
  border: 1px solid #fff;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  margin-top: 60px;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld2 .text{
  color: #FFFFFF;
  font-size: 64px;
  font-family: 'SourceHanSansCN-Medium';
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld2 .line{
  width: 2px;
  height: 56px;
  margin: 0 24px;
  background: rgba(255, 255, 255, 0.29);
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld3 .hh3 img{
  width: 913px;
}
.saidaoswp.swiper .swiper-wrapper .swiper-slide .sld3 .pp{
  color: #fff;
  font-size: 40px;
  letter-spacing: 0.02em;
  background: url(https://www.whjhl.com.cn/Themes/default/images/arrow_down.png) no-repeat center bottom;
  background-size: 48px;
  padding-bottom: 40px;
  margin-top: 34px;
  font-family: 'SourceHanSansCN-Medium';
}


/* 分仓加盟支持 */
.support{
  margin-top: 60px;
  padding-bottom: 100px;
}
.support .sup{
  transition: all ease-in-out .2s;
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23.92%;
  height: auto;
  padding: 40px 0;
  margin-bottom: 20px;
}
.support .sup .pic img{display: block;width: 64px;height: 64px;}
.support .sup .tit,.support .sup .pp{transition: all ease-in-out .2s;text-align: center;}
.support .sup .tit{font-family: 'SourceHanSansCN-Medium'; font-size: 20px;line-height: 30px;margin: 15px 0 8px;}
.support .sup .pp{font-size: 14px;
  color: #909399;
  height: auto;
  padding: 0 15px;
  letter-spacing: 0.04em;
}
.support .sup:hover .tit,.support .sup:hover .pp{color: #fff;}
.support .sup:hover{background: #0B9E4D;}
.support .sport2 .sup{
  width: 32.38%;
}
/* 合作流程 */
.flow.liucheng{background: url(https://www.whjhl.com.cn/Themes/default/images/bg_liucheng.jpg) no-repeat center top;}
.flow.liucheng .flowb .item .pic{filter: grayscale(1);}

/* 加盟条件 */
.requirement.fenc .reqb .item{
  background: #F5F6F8;
}


/* ============加盟============= */

/* 加盟五大优势 */

.join-f1wrap .join-f1 .ys1 img{
    width: 100%;
}
.join-f1wrap .join-f1 .ys1 img.mobileimg{
  display: none;
}
.meijia{
    height: 780px;
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_meijia.jpg) no-repeat center top;
}
.meijia .hh3 img{
    width: 827px;
}
.meijia .hh3{
    margin: 34px 0;
}
.meijia .pp{
    color: #fff;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
}
.meijia .ff-me{
  font-family: 'SourceHanSansCN-Medium';
}
.zhichi{
    margin-top: 60px;
    padding-bottom: 100px;
}
.zhichi .list{
    overflow: hidden;
    background: #fff;
}
.zhichi .list .pic{
    float: right;
    width: 50%;
    height: 420px;
    overflow: hidden;
}
.zhichi .list .pic img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.zhichi .list .desc{
    float: left;
    width: 50%;
}
.zhichi .list .desci{
    padding-left: 60px;
    height: 420px;
}
.zhichi .list .desci .icon img{
    width: 70px;
    height: 70px;
}
.zhichi .list .desci h2{
    font-size: 34px;
    line-height: 50px;
    margin: 24px 0;
    font-family: 'SourceHanSansCN-Medium';
}
.zhichi .list .desci .tags span{
    display: inline-block;
    color: #483729;
    font-size: 20px;
    padding: 0 24px;
    margin: 0 20px 20px 0;
    border: 1px solid #E2DDD8;
    height: 46px;
    line-height: 46px;
    font-family: 'SourceHanSansCN-Medium';

}
.zhichi .list .desci .tags span.span5,
.zhichi .list .desci .tags span.span6,
.zhichi .list .desci .tags span.span7{
  padding: 0 29px;
}
.zhichi .list:nth-child(2n) .pic{
    float: left;
}
.zhichi .list:nth-child(2n) .desc{
    float: right;
}
.flow.kaidian{background: url(https://www.whjhl.com.cn/Themes/default/images/bg_kaidian.jpg) no-repeat center top;}
.form-item .submit button.butt{
    background: #483729;
}

/*联系我们*/

/* ================联系我们===================== */
.contact-f1 {padding: 100px 0 80px;}
.contact-f1 h2{font-size: 30px;font-family: 'SourceHanSansCN-Medium';padding-bottom: 20px; border-bottom: 0.5px solid #E2E2E2;margin-bottom: 26px;}
.lxwm{width: 388px;margin-right: 313px;}
.lxwm ul li .lib{color: #999999;font-size: 18px;}
.lxwm ul li .lit{line-height: 27px;margin-bottom: 8px;font-size: 18px;}
.lxwm ul li{margin-bottom: 35px;}
.mtgz{width: 388px;}
.mtgz .mplist{margin-bottom: 62px;}
.mtgz .mplist a img{width: 44px;height: 44px;}
.mtgz .mplist a img.img1,
.mtgz .mplist a img.img2{
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-in-out .2s;
}
.mtgz .mplist a {display: block;margin-right: 32px;cursor: pointer;width: 44px;height: 44px;
position: relative;
}
.mtgz .mplist a.douyin .dyh{
    position: absolute;
    width: 120px;
    height: 139px;
    
    background: #FFFFFF;
    top: -153px;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    box-shadow: 0px 4px 22px rgba(26, 53, 95, 0.08);
}
.mtgz .mplist a img.img1{
    opacity: 1;
}
.mtgz .mplist a img.img2{
    opacity: 0;
}
.mtgz .mplist a:hover img.img1{
    opacity: 0;
}
.mtgz .mplist a:hover img.img2{
    opacity: 1;
}
.mtgz .mplist a.douyin .dyh::after{
    position: absolute;
    content: "";
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 9px solid #fff;
    border-bottom: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.mtgz .mplist a.douyin .dyh .pic{
    padding-top: 11px;
}
.mtgz .mplist a.douyin .dyh img{
    width: 100px;
    height: 100px;
    display: block;
}
.mtgz .mplist a.douyin .dyh .text{
    font-size: 12px;
line-height: 18px;
margin-top: 5px;
}
.mtgz .ggh .pic img{width: 110px;height: 110px;}
.mtgz .ggh h3{font-size: 18px;margin-bottom: 22px;}
.mtgz .ggh .ggh-list{margin-right: 33px;}
.mtgz .ggh .ggh-list h3.mobile-h3{
    display: none;
}
.feedback{padding-top: 85px;
height: auto;
overflow: hidden;
}
.feedbackl{width: 50%;}
.feedbackr{width: 40.64%;}
.feedbackl .ditu{
    width: 100%;
    height: 495px;
}
.feedbackl .maptext{
    display: flex;
    align-items: center;
    margin-top: -5px;

}
.feedbackl .maptext img{
    margin-right: 12px;
}
.feedbackl .maptext .mapp{
    font-size: 12px;
    color: #303133;
    width: 144px;
    white-space: normal;
    text-align: left;
}
.feedbackr form .iptwrap{
    margin-bottom: 40px;
}
.feedbackr form input{display: block;width: 100%; font-size: 18px; height: 56px;line-height: 56px;outline: none; border: 1px solid #E2E2E2;box-sizing: border-box; padding: 0 12px;}
.feedbackr h2{font-size: 30px;line-height: 1.5em;margin-bottom: 22px;font-family: 'SourceHanSansCN-Medium';}
.feedbackr form input:-ms-input-placeholder,
.feedbackr form input::-webkit-input-placeholder
.feedbackr form input:-moz-placeholder,
.feedbackr form input::-moz-placeholder{
    color: #999999;
}
.feedbackr .buton button{width: 200px;height: 56px;line-height: 56px;cursor: pointer;color: #fff;font-size: 20px;border: none; background-color: #007a40;}.feedbackr .buton{position: relative;}.feedbackr .buton .checktext{left: 0;    top: 100%;    font-size: 14px;    padding: 8px 0 0 8px;    color: #FF4D4F;}
.feedbackr .textarea textarea{
    width: 100%;
    resize:none;
    outline: none;
    border: none;
    height: 80px;
    font-size: 18px;
}
.feedbackr .textarea {
    margin-bottom: 40px;
    background: #fff;
    padding: 12px;
    border: 1px solid #E2E2E2;
}
.feedbackr .iptwrap .checktext,
.feedbackr .textarea .checktext
{
    left: 0;
    top: 100%;
    font-size: 14px;
    padding: 8px 0 0 8px;
    color: #FF4D4F;
}
.feedbackr .buton .checktext
{

    font-size: 14px;
    padding: 8px 0 0 8px;
    color: #FF4D4F;
}


/* 防伪查询 */
.fangwei .chaxun .cxtit h2{
    margin-bottom: 14px;
    font-family: 'SourceHanSansCN-Medium';
}
.fangwei .chaxun .tips{
    background: rgba(22, 129, 61, 0.05);
    padding: 20px;
}
.fangwei .chaxun .tips .tipstit img{
    width: 20px;
    display: block;
    margin-right: 6px;
}
.fangwei .chaxun .tips .tipstit span,
.fangwei .chaxun .tips .tipsdes,
.fangwei .chaxun .tips .tipsdes p
{
    font-size: 16px;
    color: #007a40;
}
.fangwei .chaxun .tips .tipsdes{
    padding-left: 28px;
    line-height: 1.8em;
}
.fangwei .chaxun .methods{
    margin-top: 60px;
    margin-bottom: 60px;
    display: block;
    text-align: center;

}
.fangwei .chaxun .methods .methlist{
    width: 35%;
    border: 1px solid #E4E7ED;
    box-sizing: border-box;
    padding: 0 1.428%;
    transition: all ease-in-out .2s;
    margin:0 5%;
    display: inline-block;
    position: relative;
}
.fangwei .chaxun .methods .methlist:nth-child(1)::after{content: "";display: block;position: absolute;width: 1px;height: 100%;background:#E4E7ED;right: -15%;top: 0;}
/*.fangwei .chaxun .methods .methlist:nth-last-child(1){
    border-right: none;
}*/
.fangwei .chaxun .methods .methlist .pic img{
    width: 100%;
    display: block;
    height: 235px;
}
.fangwei .chaxun .methods .methlist .pic {
    border-bottom: 1px solid #E4E7ED;
    padding: 20px 0 30px;
}
.fangwei .chaxun .methods .methlist .des{
    margin-top: 24px;
}
.fangwei .chaxun .methods .methlist .des .h2t{
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    font-family: 'SourceHanSansCN-Medium';

}
.fangwei .chaxun .methods .methlist .des p{
    color: #909399;
    line-height: 1.8em;
    font-size: 14px;
    transition: all ease-in-out .2s;
    margin-top: 20px;
    display: -webkit-box; 
    letter-spacing: 0.02em;
    -webkit-box-orient: vertical; 
    text-align: justify;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    padding: 0 16px;
    height: 75px;
}
.fangwei .chaxun .methods .methlist .des .more{
    cursor: pointer;
    width: 132px;
    height: 40px;
    border: 1px solid #E4E7ED;
    transition: all ease-in-out .2s;
    color: #909399;
    font-size: 14px;
    margin: 41px 0 40px;
}
.fangwei .chaxun .methods .methlist:hover{
    box-shadow: 0px 10px 27px rgba(26, 53, 95, 0.05);
}
.fangwei .chaxun .methods .methlist:hover .des .more{
    border: 1px solid #007a40;
    color: #007a40;
}
.fangwei .chaxun .methods .methlist:hover .des p{
    color: #606266;
}

.ncon .el-dialog__header{
    display: none;
}
.ncon .el-dialog__body{
    padding: 0;
}
.ncon .el-dialog{
    border-radius: 12px;
    background: #F5F6F8;
    margin-bottom: 0;
}
.ncon .el-dialog__wrapper{
    display: flex;
    align-items: center;
}
.dialogwrap {
    padding-top: 40px;
}
.dialogwrap .diabot{
    padding: 24px;
    border-top: 1px solid #E4E7ED;
}
.dialogwrap .closex{
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 28px;height: 28px;
}
.dialogwrap .closex img{
    display: block;
    width: 100%;
    height: 100%;
}
.dialogwrap .diabot .diabut{
    width: 200px;
    height: 49px;
    background: #007a40;
    border: 1px solid #007a40;
    border-radius: 6px;
    transition: all ease-in-out .2s;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.dialogwrap .diabot .diabut:hover{
    opacity: 0.8;
}
.dialogwrap .diatit{
    font-family: 'SourceHanSansCN-Medium';
    font-size: 32px;
    margin-bottom: 32px;

}
.dialogwrap .diacon{
    padding: 0 80px 40px;
}
.dialogwrap .diacon p{
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 180%;
    text-align: justify;
    letter-spacing: 0.02em;
}
.dialogwrap .diacon p.themecolor{
    color: #007a40;
}
.dialogwrap .diacon .fwimg{
    margin-top: 34px;
}
.dialogwrap .diacon .fwimg img{
    width: 63%;
}
.dialogwrap .fwsy .diacon .fwimg img{
    width: 79.9037%;
}
.dialogwrap .fwsy .diacon p img{
    width: 79.9037%;
}
.dialogwrap .fwsy .diacon .fwimg{
    margin-top: 78px;
}
.dialogwrap .diacon .serv{
    margin-bottom: 20px;
    margin-top: 22px;
    width: 67.54%;
    padding: 40px 0 55px;
    border: 1px solid #E4E7ED;
}
.dialogwrap .diacon .serv h3{
    font-size: 20px;
    line-height: 30px;
}
.dialogwrap .diacon .serv h2{
    line-height: 52px;
    font-size: 40.7273px;
    margin: 15px 0;
}
.dialogwrap .diacon .serv h2 img{
    width: 252px;
    display: block;
}
.dialogwrap .diacon .serv h2.web span{
    border-bottom: 1px solid #303133;
    font-size: 20px;
    line-height: 26px;
}
.dialogwrap .diacon .serv h2.web {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}
.dialogwrap .diacon .serv p{
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}
.dialogwrap .diacon .serv .tiao img{
    width: 18px;
    height: 18px;
}
.dialogwrap .diacon .serv .tiao a{
    color: #007a40;
    font-size: 14px;
}








.fangwei .detail .text h2{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
}
.fangwei .detail .text p{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}
.fangwei .detail .picwrap .picl{
    width: 61.78%;
}
.fangwei .detail .picwrap .picl img{
    display: block;
    margin-bottom: 55px;
    width: 100%;
}
.fangwei .detail .picwrap .picr{
    width: 31.64%;

}
.fangwei .detail .picwrap .picr img{
    display: block;
    width: 100%;
}
.fangwei .detail .picwrap2 .lst{
    width: 48.57%;
    background: #F5F6F8;
}

.fangwei .detail .picwrap2 .lst img{
    display: block;
    width: 100%;
}
.fangwei .detail .picwrap2 .lst .pp{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 34px;
}

/* 开放的职位 人才招聘*/
.careerwrap {
    margin-top: 60px;
}
.careerwrap .tabs{
    background: #F5F6F8;
    border-radius: 4px;
    height: 60px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.careerwrap .tabs a{
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    width: 14.07%;
    text-align: center;
    color: #030303;
    cursor: pointer;

}
.careerwrap .tabs a.active{
    color: #fff;
    background: #007a40;
}

.careerwrap .swiper-container{
    overflow: hidden;
}
.careerwrap .swiper-container .faq{
    width: 100%;
}
.careerwrap .swiper-container .faq li.q{
    cursor: pointer;
    height: 96px;
    padding: 0 24px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    margin-top: 12px;
}
.careerwrap .swiper-container .faq li.q .pcqq{
    height: 100%;
}
.careerwrap .swiper-container .faq li.q .mobileqq{
    display: none;
}
.careerwrap .swiper-container .faq li.q .text{
    text-align: left;
}
.careerwrap .swiper-container .faq li.q .text img.img1{
    display: block;
    width: 41px;
    margin-left: 13px;
}
.careerwrap .swiper-container .faq li.q .text img.img2{
    display: block;
    width: 28px;
    transition: all ease-in-out .2s;
}
.careerwrap .swiper-container .faq li.q .text img.img3{
    display: none;
}
.careerwrap .swiper-container .faq li.q .text img.rotate{
    transform: rotate(180deg);
}
.careerwrap .swiper-container .faq li.q .text span{
    font-size: 20px;
}
.careerwrap .swiper-container .faq li.q .text:nth-child(1) span{
    color: #007a40;
}
.careerwrap .swiper-container .faq li.q .text:nth-child(1){
    width: 38.83%;
}
.careerwrap .swiper-container .faq li.q .text:nth-child(2){
    width: 33.06%;
}
.careerwrap .swiper-container .faq li.q .text:nth-child(3){
    width: 23.66%;
}

.careerwrap .swiper-container .faq li.a{
    padding: 24px;
    border: 1px solid #E2E2E2;
    border-radius: 0 0 4px 4px;
    border-top: none;
    display: none;
}
.careerwrap .swiper-container .faq li.a .jobdetail{
    line-height: 30px;
    text-align: left;
}

/* 网点查询 */
.fangwei .chaxun .selectwrap{
    margin-top: 50px;
}
.fangwei .chaxun .selectwrap .el-select{
    margin: 0 8px;
    width: 24.28%;
}
.fangwei .chaxun .selectwrap .el-button{
    margin-left: 8px;
    padding: 0;
    height: 56px;
    line-height: 56px;
    width: 152px;
    text-align: center;
    background: #007a40;
    border: 1px solid #007a40;
    transition: all ease-in-out .2s;

}
.fangwei .chaxun .selectwrap .el-button:hover,
.fangwei .chaxun .selectwrap .el-button.is-disabled
{
    opacity: 0.6;
}
.fangwei .chaxun .selectwrap .el-button span{
    color: #fff;
    letter-spacing: 0.04em;
    font-size: 20px;
}
.fangwei .chaxun .selectwrap .el-input__inner{
    height: 56px;
    line-height: 56px;
    font-size: 18px;
}
.fangwei .map .mapl{
    width: 330px;
    height: 535px;
    z-index: 99;
    left: 13.54%;
    top: 125px;
    overflow: auto;
    
}
.fangwei .map .mapl .nodata{
    padding-top: 100px;
}
.fangwei .map .mapl .nodata .pic img{
    width: 200px;
}
.fangwei .map .mapr{
    z-index: 0;
}
.fangwei .mobile-map{
    display: none;
}
.mapl .slist{
    cursor: pointer;
    transition: all ease-in-out .2s;
    padding: 20px 30px;
}

.mapl .slist:hover{
    background: #f7f9f9;
}
.mapl .slist .stit {
    margin-bottom: 6px;
}
.mapl .slist .stit .pic{
    position: relative;
}
.mapl .slist .stit .pic img{
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    display: block;
    transition: all ease-in-out .2s;
    
}
.mapl .slist .stit .pic img.img2{
    opacity: 0;
}
.mapl .slist .stit .pic{
    width: 36px;
    height: 36px;
    margin-right: 8px;
}
.mapl .slist .stit span{
    font-size: 18px;
    transition: all ease-in-out .2s;
    font-family: 'SourceHanSansCN-Medium';
}
.mapl .slist:hover .stit span{
    color: #007a40;   
}
.mapl .slist:hover .stit .pic img.img2{
    opacity: 1;
}
.mapl .slist:hover .stit .pic img.img1{
    opacity: 0;
}
.mapl .slist .sdes p{
    line-height: 22px;
    color: #999;
    font-size: 13px;
}
.mapl .slist .sdes{
    padding: 0 0 0 48px;
}

.mapl .slist.hover{
    background: #f7f9f9;
}
.mapl .slist.hover .stit .pic img.img1{
    opacity: 0;
}
.mapl .slist.hover .stit .pic img.img2{
    opacity: 1;
}

.mapl .slist.hover .stit span{
    color: #007a40;   
}

.clearfix,
.city-picker-selector {
	*zoom: 1
}

.clearfix:after,
.city-picker-selector:after {
	content: " ";
	display: table;
	height: 0;
	clear: both
}
.city-picker-selector .selector-item {
	height: 45px;
	line-height: 45px;
	position: relative;
	margin: 0 0.5%;
  width:32%;
  display: inline-block;
}


.city-picker-selector .selector-item:after {
	content: '';
	display: block;
	width: 30px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 5px;
	background: url("https://www.whjhl.com.cn/Themes/default/images/jtjt.png") no-repeat center;
	background-size: 14px auto;
}

.city-picker-selector .selector-name {
	color: #333;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 46px;
  line-height: 46px;
  font-size: 18px;
  -webkit-appearance: none;
background-color: #FFF;
background-image: none;
box-sizing: border-box;
color: #606266;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 100%;
}

.city-picker-selector .selector-name:hover {
	background-color: #fdfdfd
}

.city-picker-selector .selector-name.df-color {
	color: #999
}

/*.city-picker-selector .selector-name.forbid {
	background-color: #F5F7FA;
}*/

.city-picker-selector .selector-list {
	width: 100%;
	position: absolute;
	top: 48px;
	left:0px;
	z-index: 1;
background-color: #FFF;
box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: none;
}

.city-picker-selector ul {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto
}

.city-picker-selector li {
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 16px;
    color: #303133;
}

.city-picker-selector li:first-child {
	border-top: none
}

.city-picker-selector li.caller:hover {
	background:#F5F7FA
}

.city-picker-selector li.caller.active,
.city-picker-selector li.caller.active:hover {
	font-size: 16px;
  color: #303133;
  font-weight: 700;
}

.city-picker-selector li.forbid {
	color: #999;
	font-size: 14px;
}

.city-picker-selector .selector-search {
	display: none;
}

.city-picker-selector .input-search {
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #333;
	font-size: 14px;
	width: 100%;
	height: 26px;
	line-height: 26px\9;
	padding: 0;
	text-indent: 5px
}

.city-picker-selector .input-search:focus {
	outline: none
}

.city-picker-selector .hide {
	display: none
}

select {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
	color: #333;
	font-size: 16px;
	outline: none;
	width: 160px;
	height: 36px;
	margin-right: 10px;
	box-shadow: 0 0 5px #eee
}
.buttons{
padding: 0;
height: 47px;
line-height: 47px;
width: 130px;
text-align: center;
background: #007a40;
border:none;
transition: all ease-in-out .2s;
cursor: pointer;
border-radius: 4px;
outline: none;
}
.buttons span{color: #fff;letter-spacing: 0.04em;font-size: 20px;}
.buttons:hover{opacity: 0.6;}
.city-picker-box{display: flex;justify-content: center;align-items: center;background: #222;
    padding: 25px 30px;
    width: 1000px;
    margin: 0px auto 48px;
    color: #fff;
    font-size: 16px;}
.city-picker-selector{width: 70%;height: 45px;}
.selector-list ul::-webkit-scrollbar {width: 5px;opacity: 0;}
.selector-list ul::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background: #fff;}
.selector-list ul::-webkit-scrollbar-thumb {background:rgba(144,147,153,.3);border-radius: 10px; }

/**** 经典案例 ***/

.case-topnav {
    width: 100%;
    background: #f7f9fa;
    position: relative;
    border-top: solid 1px #dee0e1;
}

.case-topnav .list {
    width: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
}

.case-topnav li {
    width: 50%;
    float: left;
}

.case-topnav li:first-child {
    text-align: right;
}

.case-topnav li.active a {
    color: #007a40;
    font-family: "SourceHanSansCN-Regular";
}

.case-topnav li.active a:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background: #007a40;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.case-topnav a {
    width: 300px;
    max-width: 100%;
    height: 59px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    line-height: 54px;
    color: #666;
    padding: 3px 0 2px;
    position: relative;
}

.case-toplace {
    width: 100%;
    height: 60px;
    display: none;
}

body.fixed-casenav .case-toplace {
    display: block;
}

body.fixed-casenav .case-topnav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
}

.case-body2 {
    padding: 60px 0 70px;
}

.case-body2 .global-page {
    margin-bottom: 0;
    margin-top: 18px;
}

.case-classbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 10% 42px;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom:60px;
}

.case-classwip {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.case-classwip .swiper-slide {
    width: auto;
    min-width: 65px;
    margin: 0;
    padding-bottom: 16px;
    position: relative;
    background: none;
}

.case-classwip .swiper-slide:last-child {
    margin-right: 0;
}

@media screen and (min-width: 992px) {
    .case-classwip .swiper-slide:hover .slide-tit {
        color: #007a40;
    }
    .case-classwip .swiper-slide:hover .slide-icon .icon1 {
        display: none;
    }
    .case-classwip .swiper-slide:hover .slide-icon .icon2 {
        display: block;
    }
}

.case-classwip .swiper-slide.active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 4px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #007a40;
    position: absolute;
    left: 50%;
    bottom: -7px;
}

.case-classwip .swiper-slide.active .slide-tit {
    color: #007a40;
}

.case-classwip .swiper-slide.active .slide-icon .icon1 {
    display: none;
}

.case-classwip .swiper-slide.active .slide-icon .icon2 {
    display: block;
}

.case-classwip a {
    display: block;
}

.case-classwip .slide-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 14px;
}

.case-classwip .slide-icon img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.case-classwip .slide-icon .icon2 {
    display: none;
}

.case-classwip .slide-tit {
    font-size: 16px;
    line-height: 18px;
    color: #666;
    white-space: nowrap;
    text-align: center;
}

.case-classCtrl {
    width: 60px;
    display: block;
    font-family: 'SimSun';
    color: #007a40;
    position: absolute;
    top: 50%;
    z-index: 20;
    font-weight: bold;
    cursor: pointer;
    margin-top: -65px;
    outline: none;
}

.case-classCtrl:after {
    content: '';
    width: 20px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: contain;
}

.case-classCtrl span {
    display: none;
    font-size: 30px;
}

.case-classCtrl.prev {
    left: 0;
}

.case-classCtrl.prev:after {
    background-image: url("https://www.whjhl.com.cn/Themes/default/images/arrow-left2.png");
    background-size: 20px auto;
}

.case-classCtrl.next {
    right: 0;
    text-align: right;
}

.case-classCtrl.next:after {
    background-image: url("https://www.whjhl.com.cn/Themes/default/images/arrow-right2.png");
    background-size: 20px auto;
}

.case-classCtrl.swiper-button-disabled {
    display: none;
}

.case-classPage {
    width: 100%;
    position: relative;
    text-align: center;
    line-height: 0.38rem;
    z-index: 20;
    margin-top: 0.38rem;
}

.case-classPage .bullet {
    width: 0.3rem;
    height: 0.38rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 3px;
    opacity: .5;
}

.case-classPage .bullet:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.case-classPage .bullet.active {
    opacity: 1;
}

.case-twlist {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.case-twlist .slide-inner {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.case-twlist li a {
    margin-bottom: 74px;
}
.case-twlist+.case-twlist{
             display: none;
        }

@media screen and (min-width: 992px) {
    .case-twlist .slide-inner:hover .slide-zhe {
        opacity: .6;
        z-index: 5;
    }
    .case-twlist .slide-inner:hover .slide-doc {
        opacity: 1;
        z-index: 10;
    }
    .case-twlist .slide-inner:hover .doc {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
    }
}

.case-twlist .slide-imgs {
    width: 100%;
    height: 20em;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
}

.case-twlist .slide-zhe {
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.case-twlist .slide-doc {
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    overflow: hidden;
    opacity: 0;
    padding: 2.7em 3em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.case-twlist .doc {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.case-twlist .slide-tit {
    font-size: 18px;
    line-height: 30px;
    margin-top: 23px;
    text-align: center;
}
.case-twlist .slide-tit:hover{color:#007a40;}

.case-twCtrl {
    width: 3em;
    height: 3em;
    display: block;
    overflow: hidden;
    border-radius: 100%;
    border: solid 1px #fff;
    background: no-repeat center center rgba(255, 255, 255, 0.3);
    background-size: 0.5em auto;
    text-align: center;
    line-height: 2.9em;
    color: #fff;
    font-family: 'SimSun';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-top: -5em;
    z-index: 20;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    outline: none;
}

.case-twCtrl span {
    display: none;
    font-size: 30px;
}

.case-twCtrl.prev {
    left: 1.5em;
    background-image: url("https://www.whjhl.com.cn/Themes/default/images/arrow-left.png");
}

.case-twCtrl.next {
    right: 1.5em;
    background-image: url("https://www.whjhl.com.cn/Themes/default/images/arrow-right.png");
}

.case-twCtrl.swiper-button-disabled {
    display: none;
}

@media screen and (min-width: 992px) {
    .case-twCtrl:hover {
        border-color: #007a40;
        background-color: #007a40;
    }
}

.case-twPage {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.38rem !important;
    text-align: center;
    line-height: 0.38rem;
    z-index: 20;
}

.case-twPage .bullet {
    width: 0.3rem;
    height: 0.38rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 3px;
    opacity: .5;
}

.case-twPage .bullet:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.case-twPage .bullet.active {
    opacity: 1;
}

.case-ctlist {
    min-height: 150px;
    overflow: visible;
    margin: 0;
}
/*.case-ctlist.row{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}*/

.case-ctlist li {
    width: 20%;
    padding: 0;
    position: relative;
    background: none;
}

.case-ctlist li.active .item-num {
    top: 0;
}

.case-ctlist li.active .item-tit {
    color: #007a40;
}

.case-ctlist .item-inner {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border: solid 1px #dcdcdc;
    padding: 0 19px;
    background: #fff;
}

.case-ctlist .item-tit {
    width: 100%;
    height: 148px;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    z-index: 5;
}

.case-ctlist .item-tit span {
    display: block;
    position: relative;
}

.case-ctlist .item-tit span:after {
    content: '';
    width: 2.22em;
    height: 1px;
    display: block;
    background-color: #70bb2b;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 5px;
}

.case-ctlist .item-num {
    font-size: 72px;
    line-height: 1em;
    font-family: "Arial";
    font-weight: bold;
    color: #f5f5f5;
    position: absolute;
    right: 0;
    top: 98px;
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.case-ctlist .item-doc {
    display: none;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
    padding-bottom: 20px;
    position: relative;
    z-index: 5;
}




@media screen and (max-width: 1600px) {
    .case-ctlist li {
        width: 25%;
    }
}

@media screen and (max-width: 991.98px) {
    .case-body2 {
        padding: 0.36rem 0 0.6rem;
    }
    .case-classbox {
        width: 100%;
        padding: 0;
        margin:20px 0;
    }
    .case-classwip .slide-icon {
        width: 45px;
        height:45px;
    }
    .case-classwip .slide-tit {
        font-size: 16px;
    }
    .case-classCtrl.prev {
        left: 0px;
        outline: none;
    }
    .case-classCtrl.next {
        right: 0px;
        outline: none;
    }
    .case-classCtrl{margin-top: -35px;}
    .case-classCtrl.next:after {
    background-image: url(https://www.whjhl.com.cn/Themes/default/images/arrow-right2.png);
    background-size: 15px auto;
    }
    .case-classCtrl.prev:after {
    background-image: url(https://www.whjhl.com.cn/Themes/default/images/arrow-left2.png);
    background-size: 15px auto;
}
    .case-twlist {
        width: 100%;
    }
    .case-twlist .slide-tit {
        font-size: 16px;
        margin-top: 15px;
    }
    .case-twlist li {
        margin-bottom: .2rem
    }
    .case-ctlist {
        min-height: 1.5rem;
        margin: 0.3rem -0.1rem 0;
    }
    .case-ctlist li {
        width: 33.33%;
        padding: 0 0.1rem;
        margin-bottom: 0.2rem;
    }
    .case-ctlist .item-inner {
        display: table;
    }
    .case-classwip{width:100%;margin: 0 auto;}
    .list-case-box,.list-cast{width: 94%;margin: 0 auto;}
}


.case-ctlist img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imgs-mob {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
}
.case-ctlist .imgs {
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.case-ctlist .item-num {
    display: none !important;
}
.case-ctlist .item-tit span{
    color: #fff !important;
    text-align: left;
}
.list-cast .swiper-slide{background: none;}
.list-case-div{overflow: hidden;position: relative;padding-bottom: 70px;}
.list-case-div .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    font-size: 12px;
    color:#333;
    opacity: 1;border: 1px solid #ccc;outline: none;margin: 8px;cursor: pointer;background: none;}
.list-case-div .swiper-pagination-bullet-active{background: #00913b;color: #fff;border: 1px solid #00913b;}
.list-case-div .swiper-horizontal>.swiper-pagination-bullets,.list-case-div .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.modal-detbox .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-detbox .modal-content2 {
    width: 90%;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    padding: 10px 25px;
    margin: 0 auto;
    position: fixed;
    height: 400px;
    top: 50%;
    margin-top: -200px;
    left: 5%;
}

.modal-detbox .modal-close2 {
    width: 40px;
    height: 40px;
    display: block;
    background: url("https://www.whjhl.com.cn/Themes/default/images/close3.png") no-repeat center center #00713b;
    background-size: 16px;
    position: absolute;
    right: 0;
    top: 0px;
    margin: 0;
}

.modal-detbox .prdt-tit {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 26px;
    position: relative;
    font-family: "SourceHanSansCN-Regular";
    margin-bottom: 20px;
}

.modal-detbox .prdt-tit:after {
    content: '';
    width: 2.67em;
    height: 1px;
    display: block;
    background-color: #00713b;
    position: absolute;
    left: 0;
    bottom: 0;
}

.modal-detbox .prdt-doc {
    font-size: 16px;
    line-height: 26px;
    min-height: 288px;
}

.modal-detbox .prdt-doc li {
    width: 100%;
    display: table;
    padding: 5px 0;
}

.modal-detbox .prdt-doc li h5 {
    float: left;
    white-space: nowrap;
    color: #00713b;
}

.modal-detbox .prdt-doc li .doc {
    width: 100%;
    display: table-cell;
    vertical-align: top;
}

.modal-detbox .prdt-doc img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
.modal-caseDet {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}
.ruselt-box{}
.ruselt-box li{width:32%;margin-right: 2%;float: left;margin-bottom: 30px;background: #f5f5f5;padding: 0 25px 15px 25px;}
.ruselt-box li:nth-child(3n){margin-right: 0;}
.ruselt-box li .t1{margin-top: 15px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
    margin-bottom: 4px;
}
.ruselt-box li .t2{    
	  line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}
.city-picker-box p{display: inline-block;color: #fff;}
 .modal-caseDet.active{display: none;}
 .product-cat{
    padding: 33px 0;
}
.product-cat a{
    margin: 0 90px;
}
.product-cat .al{
    width: 70px;
    height: 70px;
    margin-right: 12px;
}
.product-cat .al img{
    width: 70px;
    height: 70px;
    transition: all ease-in-out .2s;
}
.product-cat .al img.img2{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.product-cat .al img.img1{
    opacity: 1;
}
.product-cat .ar h2{
    transition: all ease-in-out .2s;
    font-size: 20px;
    color: #606266;
    line-height: 30px;
    font-family: 'SourceHanSansCN-Medium';
}
.product-cat .ar p{
    transition: all ease-in-out .2s;
    color: #999999;
    line-height: 21px;
}
.product-cat a:hover .ar h2,
.product-cat a:hover .ar p,
.product-cat a.hover .ar h2,
.product-cat a.hover .ar p
{
    color: #16813D;
}
.product-cat a:hover .al img.img1,
.product-cat a.hover .al img.img1
{
    opacity: 0;
}

.product-cat a:hover .al img.img2,
.product-cat a.hover .al img.img2
{
    opacity: 1
}
/* 板材系列 */
.pro1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_pro1.png) no-repeat center top;
    height: 900px;
}

.pro1-b .pro1-bl{
    width: 618px;
    padding-top: 150px;
}
.pro1-b .pro1-bl.pdt100{
    padding-top: 100px;
}
.pro1-b .pro1-bl .proinfo{
    margin-bottom: 50px;
}
.pro1-b .pro1-bl .proinfo .tit{
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'SourceHanSansCN-Medium';
}
.pro1-b .pro1-bl .proinfo .des{
    color: #999999;
    font-size: 20px;
    line-height: 38px;
}
.pro1-b .pro1-bl .proul .proli{
    margin-bottom: 40px;
}
.pro1-b .pro1-bl .proul .proli img{
    display: block;
    width: 54px;
    height: 54px;
}
.pro1-b .pro1-bl .proul .proli .icon{margin-right: 10px;}
.pro1-b .pro1-bl .proul .proli .prolir .tit{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 4px;
    font-family: 'SourceHanSansCN-Medium';
}
.pro1-b .pro1-bl .proul .proli .prolir .p{
    font-size: 18px;
    line-height: 27px;
}
.pro1-b .pro1-bl .proul .proli .prolir .p.mobilep{
    display: none;
}
.pro1-b .pro1-br img{
    display: block;
    width: 100%;
    height: 100%;
}
.pro1-b .pro1-br .pic{
    width: 700px;
    height: 850px;
}


/* 五金系列 */
.wujin-wrap .newstitle{
    background: #F5F6F8;
}
.wujin-wrap .pt-f1{
    height: 660px;
}
.wujin-wrap .bg-jiaolei{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_jiaolei.jpg) no-repeat center top;
}
.wujin-wrap .bg-peitao{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_peitao.jpg) no-repeat center top;
}
.wujin-wrap .pt-f1{
    padding-top: 120px;
}
.wujin-wrap .pt-f1 .pt-f1-top div{
    color: #fff;
}
.wujin-wrap .pt-f1 .pt-f1-top .tit{
    font-size: 42px;
    line-height: 62px;
    font-weight: bold;
    margin-bottom: 16px;
}
.wujin-wrap .pt-f1 .pt-f1-top .des{
    font-size: 20px;
    line-height: 38px;
}
.wujin-wrap .pt-f1 .pt-f1-bot{
    margin-top: 60px;
}
.wujin-wrap .pt-f1 .pt-f1-bot .itm img{
    width: 80px;
    height: 80px;
    display: block;
}
.wujin-wrap .pt-f1 .pt-f1-bot .itm .p{
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}
.wujin-wrap .pt-f1 .pt-f1-bot .itm {
    margin: 0 50px;
}
.wujin-f1{
    height: 640px;
    background: #fff;
}
.wujin-f1 .pic{
    right: 0;
    top: 0;
    width: 886px;
    height: 640px;
}
.wujin-f1 .pic img{
    display: block;width: 100%;
    height: 100%;
}
.wujin-f1l{
    width: 618px;
    height: 640px;
}
.wujin-f1l .wujin-f1linfo{
    margin-bottom: 60px;
}
.wujin-f1l .wujin-f1linfo .tit{
    font-size: 42px;
    font-weight: 500;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'SourceHanSansCN-Medium';
}
.wujin-f1l .wujin-f1linfo .des{
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0.02em;
    color: #999999;
}
.wujin-f1l .wujin-f1bot .item .icon img{
    width: 70px;
    height: 70px;
}
.wujin-f1l .wujin-f1bot .item h2{
    font-size: 20px;
    margin: 5px 0;
    font-family: 'SourceHanSansCN-Medium';
    color: #303133;
}
.wujin-f1l .wujin-f1bot .item p{
    color: #999999;
    font-size: 12px;
    line-height: 18px;
}
.wujin-f2{
    margin-top: 100px;
}
.common-wujin-tit{
    font-size: 42px;
    line-height: 62px;
    font-weight: 500;
    padding-bottom: 32px;
    border-bottom: 1px solid #E2E2E2;
    font-family: 'SourceHanSansCN-Medium';
}
.wujin-f2bot{
    margin-top: 92px;
} 

.wujin-f2bot .list{
    width: 404px;
    
}
.wujin-f2bot .list img{
    width: 100%;
    display: block;
}
.wujin-f2bot .list .pic1{
    margin-bottom: 20px;
}

/* 滑轨 */
.wujin-f3 {
    margin-top: 0px;
}
.wujin-f3 .wujin-hgtop{
    height: 800px;
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_wujinhgtop.jpg) no-repeat center top;
}
.wujin-hgtop .w{
    height: 100%;
}
.wujin-hgtop .w .picl{
    bottom: 0;
    left: -165px;
}
.wujin-hgtop .w .picl img{
    display: block;
    width: 771px;
    height: 721px;
}
.wujin-hgtop .wujin-hg{
    height: 800px;
}
.wujin-f1l.wujin-hg .wujin-f1linfo .des{
    color: #303133;
}
.wujin-f1l.wujin-hg .wujin-f1bot .item{
    width: 140px;
    margin-bottom: 46px;
}
.wujin-f1l.wujin-hg .wujin-f1bot .item p{
    text-align: center;
    height: 36px;
}
.wujin-f1l.wujin-hg .wujin-f1bot{
    width: 60%;
}
.wujin-f3 .wujin-f1l.wujin-hg .mobilepic{
    display: none;
}
.wujin-hgbot{
    margin-top: 120px;
}
.wujin-hgbot .guige{
    margin-top: 190px;
}
.wujin-hgbot .guigel{
    padding-left: 113px;
}
.wujin-hgbot .guiger{
    padding-right: 150px;
}
.wujin-hgbot .guiger img{
    width: 404px;
}
.wujin-hgbot .guiger img.mobileimg{
    display: none;
}
/* 定制专用钉 */
.wujin-f4top{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_wujin_f4top.jpg) no-repeat center top;


}
.mobile-wujin-f4bot{
    display: none;
}
.wujin-f4top .w{
    height: 581px;
}
.wujin-f4top .info .tit{
    font-weight: 500;
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'SourceHanSansCN-Medium';
}
.wujin-f4top .info .des{
    font-size: 20px;
}
.wujin-f4top .data .item img{
    width: 80px;
    height: 80px;
}
.wujin-f4top .data .item .pp{
    margin-top: 10px;
    font-size: 20px;
    line-height: 30px;
    font-family: 'SourceHanSansCN-Medium';
}
.wujin-f4top .data{
    margin-top: 50px;
}

.wujin-f4top .data .item{
    margin: 0 50px;
}
.wujin-f4bot {
    padding-top: 128px;
}
.wujin-f4bot .pic{
    width: 700px;
    height: 281px;   
    margin-bottom: 63px;
}
.wujin-f4bot .pic img{
    width: 100%;
    height: 100%;
}

.jiaolei .guige{
    margin-top: 120px;
}
.jiaolei .guigebot {
    margin-top: 60px;
}
.jiaolei .guigebot .pic img{
    width: 100%;
}
.jiaolei .guigebot .pic{
    width: 700px;
    margin-bottom: 30px;
}
.mobileguigebot{
    display: none;
}
.pro2{
    padding-bottom: 106px;
}
.pro2-tit {
    padding-top: 200px;
    margin-bottom: 40px;
}
.pro2-tit h2{
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family:  'SourceHanSansCN-Medium';
}
.pro2-tit p{
    color: #999999;
    font-size: 20px;
    line-height: 36px;
}
.pro2 .pic img.stbb{
    width: 80.57%;
}
.pro2 .pic img.m_stb{
    display: none;
}
.pro3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_pro3.jpg) no-repeat center top;
}

.pro3-tit h2,.pro3-tit p{
    color: #fff;
}
.pro3-tit{
    padding-top: 100px;
    margin-bottom: 80px;
}
.pro3-tit h2{
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family:  'SourceHanSansCN-Medium';
}
.pro3-tit p{
    font-size: 20px;
}
.pro3img img.ddj_m{
    display: none;
}
.pro4{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_pro4.jpg) no-repeat center top;
}
.pro4 .w{
    height: 720px;
}
.pro4 .pro3-tit p{
    line-height: 36px;
}
.pro4b{
    margin-top: 40px;
}
.pro4b .itm {
    margin: 0 55px;
}
.pro4b .itm img{
    width: 110px;
    height: 110px;
    display: block;
}
.pro4b .itm .icon{
    margin-bottom: 16px;
}
.pro4b .itm .p{
    text-align: center;
    color: #fff;
    font-size: 18px;
}


.fugan .mobilefugan{
    display: none;
}
.fugan .pcfugan{
    padding-top: 112px;
    padding-bottom: 44px;
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_nmb2.jpg) no-repeat center top;
    background-size: 100%;
}
.fugan .pcfugan .pcfuganl img{
    display: block;
    width: 100%;
}
.fugan .pcfugan .pcfuganl {
    
    width: 47.5%;
}
.fugan .pcfugan .pcfuganr{
    padding-left: 203px;
}
.fugan .pcfugan .pcfuganr .title{
    font-size: 42px;
    line-height: 62px;
    font-family: 'SourceHanSansCN-Medium';
    letter-spacing: 0.02em;
    color: #65532F;
    margin-bottom: 17px;
}
.fugan .pcfugan .pcfuganr p{
    font-size: 20px;
    line-height: 38px;
    color: #65532F;
}

.pro2.menban3 .pro2-tit{
    padding-top: 102px;
}

.pro5 .pro2-tit{
    padding-top: 130px;
}


.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;max-width: 700px;max-height: 900px;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.8;filter: Alpha(opacity=80);z-index: 1000;transition:all 1s;display: none}
	.bigbox>.imgbox{overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
	.pro-images.bigbox{text-align: center;}
.pro-images.bigbox>.imgbox{display: inline-block;margin:40px;}

/* 刨片板 */

.baopian1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_baopian1.jpg) no-repeat center top;
}
.baopian1 .w .baopian1-in{
    height: 800px;
}
.baopian2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_baopian2.jpg) no-repeat center top;
}
.baopian2 .w .baopian2-in{
    height: 807px;
}
.baopian1-in .pic img{
    display: block;
    width: 700px;height: 700px;
}
.mobilebaopian2{
    display: none;
  }
.baopian1-in .des h2{
    font-size: 42px;
    line-height: 62px;
    margin-left: -10px;
    margin-bottom: 20px;
    font-family: 'SourceHanSansCN-Medium';
}
.baopian1-in .des p{
    color: #999999;
    font-size: 20px;
    padding-left: 12px;
    line-height: 1.7em;
}
.mobilebaopian4{
    display: none;
}
.mobilepczuran2{
    display: none;
}
.baopian2 .w .baopian2-in .des .itm .icon img{
    width: 88px;
    height: 88px;
}
.baopian2 .w .baopian2-in .des .mt50{
    margin-top: 52px;
}
.baopian2 .w .baopian2-in .des .itm{
    margin-right: 53px;
}
.baopian2 .w .baopian2-in .des .itm .p{
    margin-top: 16px;
    text-align: center;
    color: #14611C;
}
.baopian2 .w .baopian2-in .des{
    width: 45.42%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.baopian2-in .pic{
    padding-top: 163px;
    width: 54.42%;

}
.baopian2-in .pic img{
    width: 100%;
    height: auto;
    display: block;
}
.baopian2-in .des h2{
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'SourceHanSansCN-Medium';
}
.baopian2-in .des p{
    font-size: 20px;
    line-height: 38px;

}
.baopian3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_baopian3.png) no-repeat center bottom #fff;
    padding-bottom: 120px;
}
.pro4.baopian4{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_baopian4.jpg) no-repeat center top;
}
.pro4.baopian4 .w{
    height: 800px;
}

.pro4.baopian4 .pro3-tit{
    padding-top: 210px;
}
.pro5{
    padding-bottom: 120px;
}
.pro5b{
    padding: 0 40px;
    box-sizing: border-box;
    margin-top: 65px;
}
.pro5b .shengtaiban-swiper{
    padding-bottom: 50px;
}
.pro5b .shengtaiban-swiper .swiper-wrapper .swiper-slide .shad{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out .2s;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://www.whjhl.com.cn//Themes/default/css/image.png);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.pro5b .shengtaiban-swiper .swiper-wrapper .swiper-slide .shad .tit{
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    position: relative;
}
.pro5b .shengtaiban-swiper .swiper-wrapper .swiper-slide .shad .tit::after{
    content: "";
    width: 32px;
    height: 4px;
    background: #fff;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}
.pro5b .shengtaiban-swiper .swiper-wrapper .swiper-slide .shad:hover{
    opacity: 1;
}
.pro5b .shengtaiban-swiper .swiper-wrapper .swiper-slide p{
    padding: 10px 0;
    font-size: 18px;
}
.pro5b .shengtaiban-swiper .swiper-pagination {
    bottom: 0;
}
.pro5b .shengtaiban-swiper .swiper-pagination .swiper-pagination-bullet{
    background: url(https://www.whjhl.com.cn/Themes/default/images/dot2.png) no-repeat center center;
    background-size: 16px;
    opacity: 1;
}

.pro5b .shengtaiban-swiper .swiper-pagination .swiper-pagination-bullet-active{
    background: url(https://www.whjhl.com.cn/Themes/default/images/dothover2.png) no-repeat center center;
    background-size: 16px;
}
.pro5b .arows .swiper-button-next,
.pro5b .arows .swiper-button-prev
{
    transform: translateY(-50%);
    color: #16813D;
    width: 30px;
    height: 80px;
    background: rgba(0, 0, 0, 0.45);
}
.pro5b .arows .swiper-button-next::after,
.pro5b .arows .swiper-button-prev::after{
    color: #fff;
    font-size: 16px;
}
.pro5 .pro5b .mobi{
    display: none;
}
.pro5b .arows .swiper-button-next{
    right: 0;
}
.pro5b .arows .swiper-button-prev{
    left: 0;
}

/* 木门款式 */
.kuanshi .pro5b .swiper .swiper-wrapper .swiper-slide{
    display: block;
}
.kuanshi .pro5b .swiper .swiper-wrapper .swiper-slide p{
    font-size: 13px;
    color: #999;
    margin-top: 12px;
}

.wab-images{display: none;}
.wab-images img{width: 100%;}






.pdb0{
    padding-bottom: 0;
}
.baopian2.duoceng1{
    background: #fff;
}
.baopian2.duoceng1 .baopian2-in .pic{
    margin-top: 100px;
    padding-top: 0;
}
.baopian2.duoceng1 .baopian2-in .pic img{
    width: 656px;
    height: 620px;
}
.baopian2.duoceng1 .w .baopian2-in{
    height: 720px;
    overflow: hidden;
}
.baopian2.duoceng1 .baopian2-in .des{
    width: 625px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.baopian1.duoceng2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_duoceng2.jpg) no-repeat center top;
}

.baopian1.duoceng2 .w .baopian1-in{
    height: 796px;
}
.duoceng2-inner{
    background: url(https://www.whjhl.com.cn/Themes/default/images/pro15.png) no-repeat right 120px;
    background-size: 1096px;
}
.baopian1.duoceng2 .w .baopian1-in .des h2,
.baopian1.duoceng2 .w .baopian1-in .des p{
    color: #fff;
    padding-left: 0;
    margin-left: 0;
}
.baopian1.duoceng2 .w .baopian1-in .des .mpic{
    display: none;
}
.baopian2.duoceng3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_duoceng3.jpg) no-repeat center top;
    background-size: 1920px;
}

.baopian2.duoceng3 .w .baopian2-in{
    height: 880px;
}
.baopian2.duoceng3 .w .baopian2-in .pic{
    margin-right: 0;
}
.baopian2.duoceng3 .w .baopian2-in .pic img{
    width: 697px;
    height: 701px;
}
.baopian2.duoceng3 .w .baopian2-in .des p{
    color: #999;
}
.baopian2.duoceng3 .w .baopian2-in .pic{
    padding-top: 120px;
}
.baopian2.duoceng3 .w .baopian2-in .des{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 44%;
  }
.pro2.osb2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_osb2.jpg) no-repeat center top;
    background-size: 1920px;
}
.pro2.osb2 .pic.mtfu{
    margin-top: -116px;
}
.pro2.osb2 .pic.mtfu img.mobileimg{
    display: none;
}
.mobile-wujin-f2bot{
    display: none;
}
.pro2.osb3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_osb3.png) no-repeat center bottom;
    padding-bottom: 170px;
}
.newosb1 .pro2-tit{
    padding-top: 100px;
}
.pro2.osb2 .pro2-tit{
    padding-top: 110px;
}
.osb3 .pro2-tit{
    padding-top: 110px;
}
.zuran1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_zuran1.png) no-repeat center bottom;
}
.zuran1 .zuran1-inner{
    background: url(https://www.whjhl.com.cn/Themes/default/images/pro20.png) no-repeat 0px center;
}
.zuran1 .baopian2-in{
    height: 650px;
}
.zuran1 .baopian2-in .des{
    width: 547px;
}
.zuran1 .baopian2-in .des p{
    color: #999;
}
.zuran1 .baopian2-in .mobilezuran1pic{
    display: none;
}
.zuran2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_zuran2.jpg) no-repeat center top #F5F7FB;
}
.zuran2 .pro2-tit h2,
.zuran2 .pro2-tit p{
    color: #fff;
}
.zuran3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_zuran3.jpg) no-repeat center top;
    background-size: 1920px;
}
.pro2.zuran3 .pro2-tit{
    padding-top: 0;
}
.pro2.shigao1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_shigao1.jpg) no-repeat center top;
    background-size: 1920px;
}
.pro2.shigao1 .pic img{
    width: 1190px;
    display: block;
}
.pro2.shigao1 .pro2-tit p{
    color: #303133;
}
.pro2.shigao1 .pro2-tit{
    margin-bottom: 12px;
    padding-top: 120px;
}
.pro2.shigao1 .pro2-tit h2{
    margin-bottom: 17px;
}
.shigao2 .baopian1-in .des h2,
.shigao3 .baopian1-in .des h2,
.shigao3 .baopian1-in .des p,
.shigao2 .baopian1-in .des p{
    margin-left: 0;
    padding-left: 0;
}
.shigao2 .baopian1-in .pic img{
    width: 980px;
    height: 680px;
}
.shigao2 .baopian1-in .des p{
    width: 530px;
}



.shigao3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_shigao3.jpg) no-repeat center top;
    background-size: 1920px;
}
.shigao3 .baopian1-in{
 height: 680px;   
}
.shigao3 .baopian1-in .des{
    width: 612px;
    margin-top: -60px;
}
.shigao3-in{
    height: auto;overflow: hidden;
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_shigao3in.png) no-repeat 0 bottom;
    padding-top: 120px;
}
.mobileshigao3{
    display: none;
  }
.diban2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_diban2.jpg) no-repeat center top;
}
.diban2 .w{
    height: 850px;
}
.diban2 .w .pro2-tit p{
    color: #303133;
}
.diban3 .w .pic img{
    width: 1242px;
}
.diban3 .w .pic img.mobileimg{
    display: none;
}
.diban3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_diban3.jpg) no-repeat center top;
    background-size: 1920px;
}
.diban3 .w{
    height: 880px;
}

.diban4 .w .pic img{
    width: 1260px;
}
.diban4 .w{
    height: 933px;
}
.diban4{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_diban4.jpg) no-repeat center top;
    background-size: 1920px;
}
.diban4 .w .pro2-tit p{
    color: #303133;
}
.menban1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_menban1.png) no-repeat right bottom #fff;
    background-size: 1299px;
}
.menban1 .w{
    height: 827px;
}
.menban2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_nmb2.jpg) no-repeat right bottom #fff;
    background-size: 1920px;
}
.menban2{
    height: 800px;
    overflow: hidden;
}

.menban2-in{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_menban2in.png) no-repeat 0 center;
    background-size: 912px;
    height: auto;
    margin-top: 112px;
}
.mumen1.menban2 .menban2-in .pro2-tit{
    width: 530px;
    padding-top: 140px;
    margin-bottom: 16px;
}
.menban2-in .pro2-tit h2,
.menban2-in .pro2-tit p{
    color: #65532F;
}
.menban3 .pic img{
    width: 959px;
}
.menban3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_menban3.jpg) no-repeat center top;
    background-size: 1920px;
    height: 880px;
}
.menban3 .pic{
    margin-top: -50px;
}
.menban2{
    height: auto;overflow: hidden;
   
}
.mumen1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_mumen1_wai.png) no-repeat center bottom #fff;
}
.mumen1 .menban2-in{
    background: none;
    margin: 0;
    
}
.mumen1 .menban2-in .pro2-tit p{
    color: #909399;

}
.mumen1 .menban2-in .pic img{
    width: 100%;
}
.mumen1 .menban2-in .pic{
    padding-bottom: 107px;
}
.menban2-in .mobilemumen1{
    display: none;
}
.mumen2-in .mobilemumen1{
    display: none;
}
.mumen1 .menban2-in .pro2-tit h2{
    color: #303133;
}
.mumen2 .mumen2-in{
    height: 833px;
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_mumen2in.png) no-repeat right center;
    background-size: 961px;
}
.mumen1 .menban2-in .pic img.mobileimg{
    display: none;
}
.mumen2 {
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_mumen2.jpg) no-repeat center top;
    background-size: 1920px;
}
.mumen3 .pic img{
    width: 1400px;
}
.mumen3 {
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_mumen3.jpg) no-repeat center top;
    background-size: 1920px;
}
.newmumen3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_xmumen2.png) no-repeat center center;
    background-size: 100%;
    height: auto;overflow: hidden;
    padding: 183px 0 112px;
}
.newmumen3 .newmumen3-left{
    margin-left: 13.48%;
    width: 26.04%;
}
.newmumen3 .newmumen3-right{
    margin-right: 6.45%;
    width: 48.75%;
}
.newmumen3 .newmumen3-right img{
    width: 100%;
    display: block;
}
.newmumen3 .newmumen3-right img.mobileimg{
    display: none;
}
.newmumen3 .newmumen3-left .pro2-tit{
    padding-top: 167px;
}
.newmumen4 {
    padding: 160px 0;
}
.newmumen4 .mobile-mumen4{
    display: none;
}
.newmumen4 .newmumen4-left{
    width: 46.25%;
}
.newmumen4 .newmumen4-left img{
    display: block;
    width: 100%;
}
.newmumen4 .newmumen4-right{
    height: 569px;
    margin-left: 7.86%;
}
.newmumen4 .newmumen4-right .pro2-tit{
    padding-top: 0;
}
.newmumen4 .newmumen4-right .mt50  .itm {
    margin: 0 82px 0 0;
}
.newmumen4 .newmumen4-right .mt50  .itm:nth-last-child(1){
    margin-right: 0;
}
.newmumen4 .newmumen4-right .mt50  .itm .icon img{
    width: 88px;
    height: 88px;

}
.newmumen4 .newmumen4-right .mt50  .itm .p{
    color: #596173;
    margin-top: 10px;
    font-size: 20px;
}

.newmumen4{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_mumen3.jpg) no-repeat center top;
    background-size: 100%;
}

.pro2-tit h2 span{
    font-family: 'SourceHanSansCN-Normal';
    font-size: 42px;
}



.mumen3 .mt50 .itm {
    margin: 0 41px;
}
.mumen3 .mt50 .itm .icon img{
    width: 88px;
    height: 88px;

}
.mumen3 .mt50 .itm .p{
    color: #596173;
    margin-top: 10px;
}
.mumen4{
    background:  url(https://www.whjhl.com.cn/Themes/default/images/bg_mumen4.jpg) no-repeat center top;
    background-size: 1920px;
}

.mumen4 .w{
    height: 960px;
}
.mumen4 .mt50 .itm .icon img{
    width: 88px;
    height: 88px;
}
.mumen4 .mt50 .itm .p{
    color: #596173;
    margin-top: 10px;
    font-size: 20px;

}
.mumen4 .mt50 .itm {
    margin-right: 82px;
}
.mumen4 .mobilemumen4{
    display: none;
}


.menban1 .mobile-menban1-pic{
    display: none;
}
.menban2 .mobile-menban2-pic{
    display: none;
}

.lvboban1{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_lvboban1.jpg) no-repeat center top;
    height: 862px;
}

.lvboban1 .pro2-tit{
    padding-top: 120px;
    margin-bottom: 224px;
}
.lvboban2{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_lvboban2.jpg) no-repeat center top;
    
}
.lvboban2-in {
    background: url(https://www.whjhl.com.cn/Themes/default/images/pro33.png) no-repeat right center;
}
.lvboban2-in .w{
    height: 839px;
}
.lvboban2-in .pro2-tit{
    padding-top: 0;
    margin-bottom: 0;
}
.lvboban3{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_lvboban3.jpg) no-repeat center top;
    height: 852px;
}
.lvboban4{
    background: url(https://www.whjhl.com.cn/Themes/default/images/bg_lvboban4.jpg) no-repeat center top;
    height: 848px;
}
.lvboban4 .pro2-tit,
.lvboban4 .pro2-tit p{
    color: #fff;
}
.lvboban3 .pro2-tit{
    padding-top: 120px;
    margin-bottom: 85px;
}
.lvboban4 .pro2-tit{
    padding-top: 94px;
    margin-bottom: 73px;
}










@media (max-width:769px) {
    .shigao3 .baopian1-in .des h2{
        font-weight: normal;
    }
    .pro1-b .pro1-bl .proul .proli .prolir .p.mobilep{
        display: block;
    }
    .pro1-bl .proul .prolir .p.pcp{
        display: none;
    }
    .pro1-diban-br .pic.lvb{
        padding-left: 30px;
    }
    .lvboban1{
        height: auto;
        padding-bottom: 20px!important;
        background-size: cover;
    }
    .lvboban1 .pro2-tit{
        padding-top: 60px;
        margin-bottom: 60px;
    }
    .lvboban2-in .w{
        height: auto;
        text-align: center;
        padding: 60px 0 250px;
    }
    .lvboban2{
        padding-bottom: 30px;
    }
    .lvboban2-in{
        background: url(https://www.whjhl.com.cn/Themes/default/images/pro33.png) no-repeat right bottom;
        background-size: 290px;
    }
    .lvboban3{
        height: auto;
        background-size: cover;
    }
    .lvboban3 .pic{
        padding: 0 52px;
    }
    .lvboban3 .pro2-tit{
        padding-top: 60px;
        margin-bottom: 60px;
    }
    .lvboban4{
        height: auto;
    }
    .lvboban4 .pro2-tit{
        padding-top: 60px;
        margin-bottom: 70px;
    }
    .lvboban4 .pic{
        padding: 0 30px;
    }






















}

@media screen and (max-width: 1100px) {
	.city-picker-box{width: 900px;}
	.wab-images{display:block;}
	.pc-images2{display: none;}
}


@media screen and (max-width: 991.98px) {
    
    .modal-detbox .prdt-tit {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .modal-detbox .prdt-doc p {
        font-size: 14px;
        line-height: 22px;
    }
    .ruselt-box li{width: 49%;margin-bottom: 20px;}
    .ruselt-box li:nth-child(3n){margin-right: 2%;}
    .ruselt-box li:nth-child(2n){margin-right: 0;}
    .city-picker-box{width: 100%;padding: 30px 3%;}
    .wab-images{display:block;}
	.pc-images2{display: none;}
	.pro-images img{margin:10px 5px;width: 45%;}
   
}

@media screen and (max-width: 767.98px) {
    .case-ctlist li {
        width: 50%;
    }
    .case-classCtrl{margin-top: -35px;}
    .case-ctlist .imgs{height: 10em;}
    .case-twCtrl.next,.case-twCtrl.prev{display: none;}
    .case-twlist li a{margin-bottom: 30px;}
    .case-classbox{padding: 0 5%;}
    .chaxun{padding: 20px 0;}
    .wab-images{display:block;}
	.pc-images2{display: none;}
	.pro-images img{margin:10px 5px;width: 45%;}
	.wab-images img{width: 100%;}
	.case-twlist .slide-imgs{height: 10em;}
}

@media screen and (max-width: 575.98px) {
    .case-ctlist li {
        width: 100%;
    }
    .case-classCtrl.next:after {
    background-image: url(https://www.whjhl.com.cn/Themes/default/images/arrow-right2.png);
    background-size: 12px auto;
    }
    .case-classCtrl.prev:after {
    background-image: url(https://www.whjhl.com.cn/Themes/default/images/arrow-left2.png);
    background-size: 12px auto;
    }
    .case-classwip .slide-icon{width: 36px;height: 36px;margin-bottom: 0px;}
    .case-classwip .slide-tit{font-size: 14px;margin-top: 6px;}
    .wab-images{display:block;}
	.pc-images2{display: none;}
}    

@media (max-width:769px) {
    .el-select-dropdown__item{
        height: 30px;
        line-height: 30px;
    }
    .el-select-dropdown__item span{
        font-size: 12px;
    }
    


}