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


/*********banner*******************/
.index_banner{ position:relative; width:100%;}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.05); transform:scale(1.05);}
.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 3s linear forwards; animation: scaleBg 3s linear forwards;}
.hmFocus_item{width:100vw;  position:relative; overflow:hidden;}
.hmFocus_txt{width:100%;color:#fff;position:absolute;left: 5%;top:50%;transform:translateY(-50%);z-index:2;text-align: left;}
.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: 60px;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: 40px;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: 50px;} 
.hmFocus_txt1 p{font-size: 35px;}
.hmFocus .slick-prev{ background-size:30px auto; left:30px;}
.hmFocus .slick-next{background-size:30px auto;left: 30px;}
}
@media (max-width:1199px){
.hmFocus_item{height:80vh;}
.hmPage1{position:relative; padding-top:56px;}
.hmFocus_txt1 strong{font-size: 40px;} 
.hmFocus_txt1 p{font-size: 30px;}
}
@media (max-width:993px){
.hmFocus_item.slick-slide img {
  display: block;
  height: 100%;
  width: auto;
  max-width: fit-content;
  object-fit: cover;
}	
.hmFocus_item{height: 520px;}
.hmFocus_txt1 strong{font-size: 35px;} 
.hmFocus_txt1 p{font-size: 26px;}
}

@media (max-width:767px){
*{ letter-spacing:0!important;}
.hmFocus_item{height: 420px;}
.hmFocus_txt1 strong{font-size: 30px;} 
.hmFocus_txt1 p{font-size: 20px;}
.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:15px;bottom:5px;z-index:1;overflow: hidden;}
@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}
.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: 1.5;position:relative;}
@media (max-width: 1681px){.index_product_category ul li a .txt .title p span{font-size: 24px;line-height:40px;}
}
@media (max-width: 1380px){.index_product_category ul li a .txt .title p span{font-size: 22px;line-height:30px;}
}
@media (max-width: 668px){.index_product_category ul li a .txt .title p span{font-size:20px}
}
.index_product_category ul li a .txt .title p span sup{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-style:italic; */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: 16px;line-height:40px;margin-bottom:60px;}
}
@media (max-width: 1380px){.index_product_category ul li a .txt .title p b{font-size: 14px;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: #fff; */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:#003ca6;border:1px solid #003ca6}
.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}



/******************************/
.index-s2 {background: #fff;padding: 6.25vw 0; position:relative;}
.index-s2::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-s2 .top-block { display: flex; margin-bottom:60px;}
.index-s2 .left-box { position: relative;width: 50%;padding: 0px 30px 0px 40px;}
.index-s2 .left-box .left-block{ display: flex;}

.index-s2 .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-s2 .left-box .left-block .left-block-rf{flex: 1 1 0%;padding-left: 100px;}
.index-s2 .left-box .left-block .left-block-rf h2{font-weight: 700; font-size: 42px;line-height:1.2;color: #29364e;}
.index-s2 .left-box .left-block .left-block-rf a{ margin-top:50px; display: inline-block; font-weight:bold; line-height:24px; color:#333; font-size:14px; border:1px solid #d7dce4; border-radius:50px;padding: 15px 35px;}


.index-s2 .right-box { position: relative;width: 50%;padding: 0px 40px 0px 40px;}
.index-s2 .right-box h2{font-size: 20px;line-height: 1.6;color: #555; margin-bottom:30px;}


.index-s2 .bottom-block { display: flex;}

.index-s2 .bottom-block .pbmit-box{flex: 0 0 auto;width: 25%;
 padding:50px;
 position:relative;
 overflow:hidden;
 z-index:3;
 border:1px solid #edeeee;
 transition:color 500ms ease;border-left: none; border-right: none; margin-left:-0.7px;
}
.index-s2 .bottom-block .pbmit-box:nth-child(2),.index-s2 .bottom-block .pbmit-box:nth-child(4){  border-left:1px solid #edeeee;}
.index-s2 .bottom-block .pbmit-box::after { content: " ";display: block; position: absolute; width: 100%; top: 0; bottom: 0; right: 0; background-color:#006ec7; z-index: -1;   transform: translateX(-101%);}
.index-s2 .bottom-block .pbmit-box.active::after {transform: translateX(0);transition: transform 500ms ease;}


.pbmit-inner{display: flex; align-items: center; padding-bottom: 70px;justify-content: space-between;}

.pbmit-number {
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
  -moz-text-stroke-width: 1px;
  -webkit-text-stroke-width: 1px;
  -moz-text-fill-color:#fff;
  -webkit-text-fill-color:#fff;
  -moz-text-stroke-color: rgba(31,36,44,.2);
  -webkit-text-stroke-color: rgba(31,36,44,.2);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}


.pbmit-icon-type-icon { font-size: 70px; line-height: 70px;color: #000;}
.pbmit-title {font-size: 22px;line-height: 30px;margin-bottom: 20px;color: #5f708f;}
.pbmit-desc {font-size: 14px;line-height: 1.5;letter-spacing: 0;color: #5f708f;}

.index-s2 .bottom-block .pbmit-box:hover .pbmit-number{-moz-text-fill-color:#006ec7;-webkit-text-fill-color:#006ec7;  -moz-text-stroke-color: rgba(255,255,255,.7);-webkit-text-stroke-color: rgba(255,255,255,.7);}
.index-s2 .bottom-block .pbmit-box:hover .pbmit-title,.index-s2 .bottom-block .pbmit-box:hover .pbmit-desc,.index-s2 .bottom-block .pbmit-box:hover .pbmit-icon-type-icon { color:#fff;}

/*******************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: #006ec7;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: #006ec7;}

.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: #006ec7;}




/************新闻中心******************/
.index-s3 {background: #fff;padding: 6.25vw 0; position:relative;}
.index-s3::after { position: absolute; content: ""; width: 1px; height: 100%; left: calc(50% - 1px); top: 0; background: #edeeee;}

.index-s3 .top-block { display: flex; margin-bottom:60px;align-content: center;align-items: center;}
.index-s3 .left-box { position: relative;width: 50%;padding: 0px 30px 0px 40px;}
.index-s3 .left-box .top-block-tit{font-weight: normal;font-size: 13px;line-height:1.8;letter-spacing: .5px;color: #5f708f;text-transform: uppercase;}
.index-s3 .left-box .top-block-title{font-weight: 700; font-size: 42px;line-height:1.5;color: #29364e;}

.index-s3 .right-box { position: relative;width: 50%;padding: 0px 40px 0px 40px; text-align:right;}
.index-s3 .right-box a{display: inline-block; font-weight:bold; line-height:24px; color:#333; font-size:14px; border:1px solid #d7dce4; border-radius:50px;padding: 15px 35px;}

.index_news_lf{flex: 1 1 0%;width: 100%;background-size: cover;background-position: center center;}

.index_news_rf{flex: 1 1 0%;}
.index_news_rf .index_rfbox{padding: 80px 50px 50px 50px;}
.index_news_rf .index_rfbox .index_news_date{color: #5f708f; font-size: 14px;text-transform: uppercase;line-height:1.5; margin-bottom:10px;}
.index_news_rf .index_rfbox .index_news_title{font-size: 22px;line-height:1.6;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;margin-bottom: 145px;height: 70px;}



.index_news_rf .index_rfbox  a span {
  position: relative;
  padding-right: 40px;
  font-weight: 600;
  font-size: 14px;
 line-height: 30px;
}

.index_news_rf .index_rfbox  a span::after {
  position: absolute;
  content: ">";
  font-size: 10px;
  width: 30px;
  right: 0;
  height: 30px;
  line-height: 28px;
  text-align: center;
  color: #bfc4cf;
  border: 1px solid #bfc4cf;
  border-radius: 100%;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}


@media (max-width: 668px){
	.pbmit-grid::after { right: 4%;left: inherit;}

	.index-s2::after { position: absolute; content: ""; width: 0px; height: 100%;left: calc(50% - 1px);  top: 0; background: #edeeee;}
	.index-s2 .top-block { display: flex; margin-bottom: 60px; flex-wrap: wrap;}
	.index-s2 .left-box { position: relative; width: 100%; padding: 0px 30px 30px 40px;}
	.index-s2 .left-box .left-block { display: flex;flex-wrap: wrap;}
	.index-s2 .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-s2 .left-box .left-block .left-block-rf{flex: inherit;padding-left: 0px;}
.index-s2 .left-box .left-block .left-block-rf h2{font-weight: 700; font-size: 42px;line-height:1.2;color: #29364e;}
.index-s2 .left-box .left-block .left-block-rf a{ margin-top:50px; display: inline-block; font-weight:bold; line-height:24px; color:#333; font-size:14px; border:1px solid #d7dce4; border-radius:50px;padding: 15px 35px;}

	
	.index-s2 .left-box .left-block .left-block-rf h2 {font-weight: 700;font-size: 24px;line-height: 1.6;color: #29364e;}
	.index-s2 .right-box {position: relative;width: 100%; padding: 0px 40px 0px 40px;}
	.index-s2 .right-box h2 {font-size: 16px;line-height: 1.6;color: #555; margin-bottom: 20px;}
	.index-s2 .bottom-block { display: flex;flex-wrap: wrap;}
	.index-s2 .bottom-block .pbmit-box { flex: 0 0 auto; width:50%;padding: 15px;}
	.pbmit-inner { display: flex; align-items: center; padding-bottom:30px;justify-content: space-between;}
	.pbmit-number { font-size: 60px;}
	.pbmit-icon-type-icon { font-size: 40px; line-height: 70px; color: #000;}
	
	
	.massage_box_lf {width: 100%; height:200px;}
	.massage_box_tit h2 {font-size: 26px;line-height: 1.1;color: #fff;}
	.massage_box_rf {width: 100%;}
	.massage_box_rf .box_massage { padding: 5%;}
	
	
	
	
	.index-s3::after { position: absolute; content: ""; width: 0px; height: 100%;left: calc(50% - 1px);  top: 0; background: #edeeee;}
	.index-s3 .top-block { display: flex; margin-bottom: 60px; flex-wrap: wrap;}
	.index-s3 .left-box { position: relative; width: 100%; padding: 0px 30px 30px 40px;}
	.index-s3 .left-box .top-block-title {  font-size: 24px;}
	.index-s3 .right-box {position: relative;width: 100%; padding: 0px 40px 0px 40px;}
	.index-s3 .right-box { text-align: left;}
	.index-s3 .left-box .left-block .left-block-rf a {margin-top: 50px; display: inline-block;font-weight: bold;line-height: 24px;color: #333;font-size: 14px; border: 1px solid #d7dce4;border-radius: 50px;padding: 15px 35px;}
	
	.index_news_lf{flex: auto;width: 100%; height:150px;background-size: cover;background-position: center center;}
	.index_news_rf{flex: 1 1 0%;width: 100%;}
	.index_news_rf .index_rfbox { padding: 30px 20px;}
	.index_news_rf .index_rfbox .index_news_title { font-size:18px; margin-bottom: 60px;}
	
	.footer-top .right{ display:none;}
	footer .footer-center .left .items1{ display:none;}
	footer .footer-center .left .items2 { margin-left:0;}
	footer .footer-center .left .items3 { margin-left: 1.2rem;}
}