@charset "utf-8";
/* CSS Document */


/*********banner*******************/
.index_banner{ position:relative; width:100%;}

.index_banner::before { position: absolute;content: ""; width: 1px;height: 100%;top: 0; z-index: 3; left: calc(50% - 767px); background: rgba(255, 255, 255, 0.3);}
.index_banner::after{ position: absolute;content: ""; width: 1px;height: 100%;top: 0; z-index: 3; left: inherit; right: calc(50% - 767px); background: rgba(255, 255, 255, 0.3);}


.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }
.hmFocus_img:after{ content: ""; background: rgba(0, 0, 0, 0.05); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.on .hmFocus_img{ visibility: visible; /*-webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;*/}
.hmFocus_item{width:100vw; height:calc(100vh - 200px); position:relative; overflow:hidden;}
.hmFocus_txt{width:100%;color:#fff;position:absolute;left: 0px;top:50%;transform:translateY(-50%);z-index:2;text-align: center;}
.hmFocus_txt1 strong{display: block;transition: all 0.8s ease-in-out;transform: translate(-150px,0px);opacity: 0;letter-spacing: 3px;color: rgba(255, 255, 255, 0.81);font-size:40px;line-height:1.5;font-weight:bold;} 
.hmFocus_txt1 strong span{ color:#efd30c;} 
.hmFocus_txt1 p{ margin-top: 30px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 30px; line-height:1.5; color: #fff; display: block; position:relative;}
.on .hmFocus_txt1 strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt1 p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 3vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:3px; width:70px; background:rgba(255,255,255,0.5); cursor:pointer; position:relative; }
.hmFocus_dot span.on{height:3px;}
.hmFocus_dot span:after{content:""; background:#006ec7; width:0; height:3px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}
.hmFocus .slick-prev{ background:rgba(0, 0, 0, 0.1)  url(../images/fsBtn.png) no-repeat center center; display: inline-block; height:70px; width:70px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -45px; z-index:3; transition:all 0.5s ease-in-out;  transform:rotate(180deg); border-radius:50%; }
.hmFocus .slick-next{  background:rgba(0, 0, 0, 0.1)  url(../images/fsBtn.png) no-repeat center center; display: inline-block; height:70px; width: 70px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: 45px; z-index:3; transition:all 0.5s ease-in-out;border-radius:50%;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background:rgba(0, 0, 0, 0.5)  url(../images/fsBtn.png) no-repeat center center;;}
@media (max-width:1799px){
.hmFocus_txt1 strong{font-size: 35px;} 
.hmFocus_txt1 p{font-size: 25px;}
.hmFocus .slick-prev{ background-size:30px auto; left:30px;}
.hmFocus .slick-next{ background-size:30px auto; right:30px;}
}
@media (max-width:1199px){
.hmFocus_item{height:80vh;}
.hmPage1{position:relative; padding-top:56px;}
.hmFocus_txt1 strong{font-size: 30px;} 
.hmFocus_txt1 p{font-size: 20px;}
}
@media (max-width:993px){
.hmFocus_item{height: 520px;}
.hmFocus_txt1 strong{ font-size: 30px; } 
.hmFocus_txt1 p{font-size: 16px;}
}

@media (max-width:767px){
*{ letter-spacing:0!important;}
.hmFocus_item{height: 420px;}
.hmFocus_txt1 strong{font-size: 20px;} 
.hmFocus_txt1 p{font-size: 14px;}
.hmFocus .slick-prev{left:0;}
.hmFocus .slick-next{right:0;}
.hmFocus_txt1{padding-bottom:20px;}
.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px; }
.hmFocus_dot span.on{height:4px;}
.hmFocus_dot span:after{ height:4px;}
.hmFocus .slick-prev,.hmFocus .slick-next{display:none!important;}
}


.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:35px;}
.xiangxia a{display: inline-block;width:50px;height:50px;/*border:1px solid white;*/text-align: center;line-height: 80px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}
.xiangxia span{display: block;color: #fff; margin-top:5px; font-size:12px;}
@keyframes run1{
0%{transform: translateY(-3px);}
50%{transform: translateY(3px);}
100%{transform: translateY(-3px);}
}


/***********产品***************/
.index_product_category{border-bottom:1px solid #ddd;background: #fff;}
.index_product_category ul li{display:block;float:left;width:25%;height:525px;position:relative}
@media (max-width: 1440px){.index_product_category ul li{height:480px}
}
@media (max-width: 1380px){.index_product_category ul li{height:450px}
}
@media (max-width: 968px){.index_product_category ul li{width:50%}
.index_product_category ul li:before{content:'';display:block;width:100%;height:2px;line-height:2px;background:#ddd;position:absolute;right:0;bottom:0}
}
@media (max-width: 968px) and (max-width: 668px){.index_product_category ul li:before{height:1px}
}
@media (max-width: 968px){.index_product_category ul li:nth-of-type(2):after,.index_product_category ul li:nth-of-type(4):after{display:none}
}
@media (max-width: 668px){.index_product_category ul li{height:auto;padding:15px 0}
}
.index_product_category ul li:after{content:'';display:block;width:1px;height:100%;background:#edeeee;position:absolute;right:0;top:0}
@media (max-width: 668px){.index_product_category ul li:after{width:1px}
}
.index_product_category ul li:nth-last-of-type(1):after{display:none}
.index_product_category ul li a{display:block;width:100%;height:100%;overflow:hidden}
.index_product_category ul li a .img{height:300px;position:absolute;right: 0;bottom: 15px;z-index:1;}
@media (max-width: 1681px){.index_product_category ul li a .img{right:30px;bottom:30px}
}
@media (max-width: 1440px){.index_product_category ul li a .img{height:250px;right:20px;bottom:20px}
}
@media (max-width: 668px){.index_product_category ul li a .img{height:150px;position:static;margin:0 auto;text-align:center}
}
.index_product_category ul li a .img img{/* height:100%; */-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;width: 100%;}
.index_product_category ul li a .txt{width:100%;padding:70px 0 0 60px;position:absolute;left:0;top:0;z-index:2}
@media (max-width: 1681px){.index_product_category ul li a .txt{padding:50px 0 0 40px}
}
@media (max-width: 1180px){.index_product_category ul li a .txt{padding:30px 0 0 30px}
}
@media (max-width: 668px){.index_product_category ul li a .txt{position:static;margin:0 auto;text-align:center;padding:0}
}
.index_product_category ul li a .txt .title{width:100%}
.index_product_category ul li a .txt .title p{color:#000}
.index_product_category ul li a .txt .title p span{font-size: 26px;font-style:italic;line-height: 2;position:relative; margin-bottom:30px;display: block;}

@media (max-width: 1681px){.index_product_category ul li a .txt .title p span{font-size:22px;}}
@media (max-width: 668px){.index_product_category ul li a .txt .title p span{font-size: 18px;}}

.index_product_category ul li a .txt .title p span sup{font-family:'VectoraCom-Light';font-size:16px;position:absolute;right:-15px;top:15px}
@media (max-width: 668px){.index_product_category ul li a .txt .title p span sup{font-size:12px;top:5px}}

.index_product_category ul li a .txt .title p b{display:block;font-size: 16px;line-height:60px;font-weight:lighter;opacity: .8;margin-bottom: 50px;}

@media (max-width: 1681px){.index_product_category ul li a .txt .title p b{font-size:26px;line-height:50px}
}
@media (max-width: 1440px){.index_product_category ul li a .txt .title p b{font-size:22px;line-height:40px;margin-bottom:60px}
}
@media (max-width: 1380px){.index_product_category ul li a .txt .title p b{font-size:20px;line-height:50px;margin-bottom:20px}
}
@media (max-width: 1180px){.index_product_category ul li a .txt .title p b{font-size:18px}
}
@media (max-width: 668px){.index_product_category ul li a .txt .title p b{font-size:16px;line-height:30px;margin-bottom:5px}
}
.index_product_category ul li a .txt .title p .more{display:block;width:160px;height:36px;text-align:center;color:#333;font-size:12px;position:relative;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media (max-width: 1681px){.index_product_category ul li a .txt .title p .more{width:150px}
}
@media (max-width: 1380px){.index_product_category ul li a .txt .title p .more{width:130px}
}
@media (max-width: 668px){.index_product_category ul li a .txt .title p .more{width:110px;margin:0 auto}
}
.index_product_category ul li a .txt .title p .more:after{content:'';display:block;width:100%;height:100%;-webkit-transform:skew(-20deg, 0deg);-ms-transform:skew(-20deg, 0deg);transform:skew(-20deg, 0deg);border:1px solid #333;position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.index_product_category ul li a .txt .title p .more em{display:block;width:100%;height:100%;line-height:36px;color:#333;position:relative;z-index:2;font-style:normal}
.index_product_category ul li a .txt .title p .more em i.iconfont{display:inline-block;vertical-align:top;margin-left:5px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.index_product_category ul li a:hover .img img{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07)}
.index_product_category ul li a:hover .txt .title p .more{color:#fff}
.index_product_category ul li a:hover .txt .title p .more:after{background:#0290d5;border:1px solid #0290d5}
.index_product_category ul li a:hover .txt .title p .more em{color:#fff}
.index_product_category ul li a:hover .txt .title p .more em i.iconfont{margin-left:10px}


/******pro************/
.hmCon2{ background:#fff; padding:2.125rem 0px; position:relative; overflow:hidden;}
.hmCon2 .hmTnm{ text-align:center; margin-bottom:0.4rem;}
.hmCon2 .hmTnm p{ font-size:1rem; text-transform:uppercase;  color:#0290d5; font-weight:bold;}
.hmCon2 .hmTnm p span{ color:#0290d5;}

.hmc5swiperWpr{ margin-top:40px;}
.hmc5item{ padding:30px 0px;}
.hmc5item .hmc5item_box{ position:relative; transition: all .4s ease;transform: scale(.8);transform-origin: center center;border-radius: 0.2rem;box-shadow: 0 2px 20px 12px #6262621a;padding: 28px 6vw 20px;flex-direction: column; display: flex;  align-items: center;}
.hmc5item.slick-current .hmc5item_box{transform: scale(1);}

.hmc5aBox{display:block;position:relative;width:80%;margin: 0 auto;}
.hmc5aBox .overflowHide{transition:all 0.5s ease-in-out;border-radius: 0.2rem;padding-bottom: 137%;/* width: 50%; *//* margin: 0 auto; */}

.hmc5item_box strong{ color: #666;line-height: 1;padding: 0;word-break: normal;font-weight: 500;font-size: 24px;}

.hmc5btn-more {display:block;text-align: center;height: 46px; margin:0.4rem auto 0 auto;}
.hmc5btn-more a {display: inline-block;position: relative;z-index: 3;overflow: hidden;width: 150px;height: 46px;line-height: 42px;border-radius: 22px;color: #0290d5;font-size: 16px;border: 2px solid #0290d5;}
.hmc5btn-more a:hover {color: #fff;}
.hmc5btn-more a:hover:before {width: 100%;}
.hmc5btn-more a:before {position: absolute;left: 0;top: 0;z-index: -1;content: "";width: 100%;height: 100%;background: #0290d5;width: 0;transition: 0.5s;}


.hmc5swiperWpr .slick-dots{bottom:-20px;}
.hmc5swiperWpr .slick-dots li button{display:none;}
.hmc5swiperWpr .slick-dots li{ height:6px; width:60px;background: #ddd; margin: 0px 5px; border-radius:0px; }
.hmc5swiperWpr .slick-dots li.slick-active{background:#0290d5;}




/***********关于我们*******************/
.p85 { padding-top: 2.125rem;}
.index_about {position: relative;}
.index_about .img img { width: 100%;}
.index_about .posi { position: absolute;top: 0; left: 0; height: 100%; width: 100%;}
.index_about .box .boxLeft { width: 42%;}
.index_about .box .boxLeft .index_title .le h5 {color: #fff;font-size: 16px;font-size: 1rem;text-transform: uppercase;}
.index_about .box .boxLeft .index_title .le h6 {color: #fff;font-size: 0.875rem;margin-top: 10px;}
.index_about .box .boxLeft .content1 { margin: 0.6rem 0 0.55rem;}
.index_about .box .boxLeft .content1 span {
  display: block;
  width: 1.25rem;
  height: 2px;
  background: #fff;
}
.index_about .box .boxLeft .content2 {
  font-size: 16px;
  color: #fff;
  line-height: 2;
  text-align: justify;
}
.index_about .box .boxLeft .content3 {
  margin-top: 1.5rem;
}
.index_about .box .boxLeft .content3 .item .top {
  font-size: 18px;
  color: #fff;
}
.index_about .box .boxLeft .content3 .item .top span {
  font-size: 1.45rem;
}
.index_about .box .boxLeft .content3 .item .bot {
  font-size: 18px;
  color: #fff;
  margin-top: 5px;
}
.index_about .box .boxLeft .content4 {
  margin-top: 1.8rem;
}
.index_about .box .boxLeft .content4 .link {
  width:180px;
  line-height: 46px;
  border: 1px solid #fff;
  border-radius: 1.7rem;
  text-align: center;
  transition: 0.4s;
}
.index_about .box .boxLeft .content4 .link a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  transition: 0.4s;
}
.index_about .box .boxLeft .content4 .link:hover {
  background: #fff;
  border: 1px solid #fff;
}
.index_about .box .boxLeft .content4 .link:hover a {
  color: #1b2f5b;
}
.index_about .box .boxRight {
  width: 50%;
}
.index_about .box .boxRight .item {
  flex: 1;
  text-align: center;
  box-sizing: border-box;
}
.index_about .box .boxRight .item > div {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 1.8rem 0 1.5rem;
}
.index_about .box .boxRight .item .top img {
  height: 2.2rem;
  position: relative;
  transition: 0.4s;
  top: 0;
}
.index_about .box .boxRight .item .bot {
  margin-top: 30px;
  font-size: 18px;
  color: #fff;
}
.index_about .box .boxRight .item:first-child {
  position: relative;
}
.index_about .box .boxRight .item:first-child > div {
  transform: translateY(100%);
}
.index_about .box .boxRight .item:hover .top img {
  top: -16px;
}

@media screen and (max-width:769px){
.index_about .img {
    position: relative;
    height: 460px;
}
.index_about .img img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
    width: auto;
    height: 100%;
}
.index_about .box .boxLeft { width: 100%;}
.index_about .box .boxRight {width: 100%; display:none;}

}


/**************************************/

.index-s3 {background: url(../images/line1.png) center center no-repeat;padding: 6.25vw 0 0px; position:relative;}
.index-s3::after { position: absolute; content: ""; width: 1px; height: 100%; left: calc(50% - 1px); top: 0; background: #edeeee;}

.pbmit-grid::before,.pbmit-grid::after { position: absolute;content: "";width: 1px; height: 100%; top: 0; left: 0; background: #edeeee;}
.pbmit-grid::before { left: inherit;}
.pbmit-grid::after { right: calc(50% - 774px);left: inherit;}


.index-s3 .top-block { display: flex; padding-bottom:80px;}
.index-s3 .left-box { position: relative;width: 50%;padding: 0px 30px 0px 40px;}
.index-s3 .left-box .left-block{ display: flex;}

.index-s3 .left-box .left-block .left-block-lf h1{font-weight: normal;font-size: 13px;line-height:1.8;letter-spacing: .5px;color: #5f708f;text-transform: uppercase;font-style: normal;}
.index-s3 .left-box .left-block .left-block-rf{flex: 1 1 0%;padding-left: 100px;}
.index-s3 .left-box .left-block .left-block-rf h2{font-weight: 700; font-size:32px;line-height:1.5;color: #29364e;}
.index-s3 .left-box .left-block .left-block-rf .index_about_info{ margin-top:40px;font-size: 15px;line-height: 1.6;color: #5f708f;}






.tabs { margin-top:30px; position:relative;}

/** STYLES **/
#tab-block1 .tab { color: #333;display:block;margin-bottom: 25px; cursor:pointer;}
#tab-block1 .tab span {font-size: 20px;line-height: 36px;font-weight: 600;color:#000;display: inline-block;vertical-align: middle;}
#tab-block1 .tab .tab-num {position: relative;padding-right: 20px;color: #0290d5;font-size: 26px;line-height: 36px;font-weight: 600;color: #0290d5;display: inline-block;}
#tab-block1 .tab .tab-num::after {position: absolute;content: "/";top: 0px;right: 2px;color: #0290d5;}

#tab-block1 .tab .tab-kuang{ display:inline-block; position:relative;padding-right: 30px;}
#tab-block1 .tab .tab-kuang::before {
  position: absolute;
  top: 50%;
  right: -15px;
  font-size: 14px;
  width: 35px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  color: #bfc4cf;
  border: 1px solid #bfc4cf;
  border-radius: 100%;
  -khtml-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  transition: transform .5s ease; 
}



#tab-block1 .tab:hover span,#tab-block1 .tab.active-tab span { color:#0290d5;}
#tab-block1 .tab:hover .tab-kuang::before,#tab-block1 .tab.active-tab .tab-kuang::before  {opacity: 1;visibility: visible;}
.index-s3 .right-box { position: relative;width: 50%;padding: 0px 40px 0px 40px;}
.tabs-content .tab-content {display: none; margin: 0 auto;}
.tabs-content .active-tab-content {display: block;}
#tab-block1 .tabs-content {}
#tab-block1 .tabs-content .tab-content { padding:0px 15px; text-align:right; position:relative;}
.tab-slide-box{
  position: absolute;
  width: 330px;
  z-index: 9;
  bottom: -80px;
  left: 50px;
  text-align: left;
  padding: 65px 40px 50px 40px;
  background-color:#0290d5;
}
.pbmit-icon{ display:block; margin-bottom: 10px;}
.pbmit-icon i {
  font-size: 60px;
  line-height: 70px;
  color:#fff;
}

.tabs-content .tab-content .pbmit-desc{
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 130px;
  font-size: 16px;
  line-height: 1.7;color:#fff;
}

@media (max-width: 769px){
.index-s3 .left-box .left-block .left-block-rf h2 { font-size: 26px;}

.index-s3 .top-block {
    display: flex;
	flex-wrap:wrap;
    padding-bottom: 80px;
}	

.index-s3 .left-box {
    position: relative;
    width: 100%;
    padding: 0px 10px 0px 10px;
}
.index-s3 .left-box .left-block {
    display: flex;flex-wrap:wrap;
}
.index-s3 .left-box .left-block .left-block-lf{ width:100%;}
.index-s3 .left-box .left-block .left-block-rf { flex: 1 1 0%; padding-left: 0px;}
.index-s3 .right-box {
    position: relative;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

#tab-block1 .tab { color: #333;  display: block; margin-bottom:10px; cursor: pointer;}

#tab-block1 .tab .tab-num { font-size:20px;}
#tab-block1 .tab span {font-size:20px;}
#tab-block1 .tabs-content .tab-content {
     padding: 0px 5px;
    text-align: right;
    position: relative;
}
}





/*******************fff************************/
.massage_bg{ width:100%;position:relative;}
.massage_box{ width:100%; box-shadow: 3px 4px 23px 0 rgba(29,0,4,.12);box-sizing: border-box;display: flex;flex-wrap: wrap;position:relative;}
.massage_box_lf{ width:50%;display: flex;align-items: stretch;z-index: unset;position: relative;}
.massage_box_lf .box_lf_img{flex-grow: 1;display: flex;flex-direction: column;z-index: 1;position: relative;
background: url(../images/chemical-img.jpg) center no-repeat;background-size: cover !important;box-sizing: border-box;padding-left: 15px;padding-right: 15px;width: 100%;position: relative;}
.massage_box_lf .box_lf_img:before { position: absolute; height: 100%; width: 100%;top: 0;left: 0; content: ""; display: block; z-index: 1;
}



.massage_box_rf{width: 50%; background:#1f242c url(../images/pattern-bg-02.png) right bottom no-repeat;position: relative;display: flex;align-items: stretch;float: left;}
.massage_box_rf .box_massage{flex-grow: 1;display: flex;flex-direction: column;box-sizing: border-box; width: 100%; max-width:850px;padding:10%;}

.massage_box_tit{ margin-bottom:40px;}
.massage_box_tit h4{ font-size: 16px; line-height:2; margin-bottom:10px; letter-spacing: 1px;color: #0290d5;text-transform: uppercase;}
.massage_box_tit h2{font-size: 30px;line-height:1.1;color: #fff;}



.massage_box_list{ display:flex;flex-wrap:wrap;}
.massage_box_list li{width:100%;color:#fff; margin-bottom:15px;}
.massage_box_list li h3{color:#fff; font-size:16px; line-height:2;}
.massage_box_list li p{color:#fff; font-size:14px; line-height:1.5;position:relative;padding-left: 20px;}
.massage_box_list li p::before {content: "●";position: absolute;left: 0;top: 0px;font-size: 15px;line-height: inherit;color: #0290d5;}

.massage_box_info{ margin-bottom:30px;}
.massage_box_info p{ color:#fff; font-size:16px; line-height:1.6; text-indent:2em;}

.massage_box_ul{ display:flex;flex-wrap:wrap;}
.massage_box_ul li{width:50%;color:#fff;font-weight: 700;font-size: 15px;padding: calc(16px/2) 0px;position:relative;padding-left: 25px;}
.massage_box_ul li::before {content: "■";position: absolute;left: 0;top: 0px;font-size: 24px;line-height: inherit;color: #0290d5;}