/* 头部开始 */
.header{ width: 100vw; height: 12vh; background: #005ed0; border-bottom: 0.1rem solid #3287f0;  box-sizing: border-box;
z-index: 9; position: relative;}
.header .headerr{ width: 125rem; height: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
.header .header-left{height: 100%; display: flex; align-items: center;}
.header-left img{height: 45%;} 
.header-left .header-left1{ border-left: 0.1rem solid #ffffff; margin-left: 2rem; padding-left: 2rem; text-align: left;}            
.header-left1 p{ font-size: 1.8rem; color: #ffffff; font-weight: 700; margin-bottom: 0.5rem;} 
.header-left1 span{ font-size: 1.5rem; color: #ffffff;} 
.header .header-right{height: 100%; display: flex; align-items: center;}
.header-right img{height: 40%;}
.header-right p{ font-size: 2rem; color: #ffffff;}
.tb .iconfont{font-size: 2.5rem; color: #ffffff; line-height: 7vh; }
.tb{display: block;}


/* 导航条开始 */
.nav{ width: 100vw; height: 4vh; background: #005ed0; border-top: 0.1rem solid #032855; box-sizing: border-box;} 
.nav .nav1{ width: 125rem; height: 100%; margin: 0 auto;}
.nav1 ul{display: flex; height: 100%; align-items: center;justify-content: flex-start;}
.nav1 ul li {width: 10rem; height: 100%; margin-right: 8rem; line-height: 4vh; text-align: center; position: relative;}
.nav1 ul .dhh1{ background:#0f77f7;}
.nav1 ul li a{color: #ffffff; font-size: 1.6rem;}
.nav1 ul li span{display: block; width: 0.1rem; height: 0.1rem;  position: absolute; bottom: 0; left: 50%;}
.nav1 ul li:hover span{ transform: scaleX(100); background: #ffffff; transition: transform 1s;}


/* 轮播图开始 */
.banner{ height: 55rem; width: 100vw; background: #0f77f7;}
.banner a{ display: block; height: 55rem; background: no-repeat center;}
.banner a.small{ display: none;}
.banner a.small2{ display: none;}
.banner .swiper-button-next{ margin-right: 25rem; background-color: rgba(255, 255, 255, 0.3); padding: 1rem; border-radius: 0.5rem;}
.banner .swiper-button-next:hover{ background-color: rgba(255, 255, 255, 0.6);}
.banner .swiper-button-prev{ margin-left: 25rem; background-color: rgba(255, 255, 255, 0.3); padding: 1rem; border-radius: 0.5rem;}
.banner .swiper-button-prev:hover{ background-color: rgba(255, 255, 255, 0.6);}
.swiper-pagination-bullet-active,.swiper-pagination-bullet{ display: none;}

/* 优势开始 */
.ys{ width: 100vw; height: auto; background: #005ed0;}
.ys .ys0{ width: 125rem;margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr);
 padding: 3rem 0;}  
.ys1{display: flex; justify-content: center; }
.ys1 .ystp{ margin-right: 1rem; margin-top: 2rem; }
.ys1 .ystp span{font-size: 2.5rem; color: #ffffff;}
.ys1 .ystp .icon-huoyuntiaodu{font-size: 3rem;}
.ys1 .yswz{margin-top: 1rem;}
.ys1 .yswz span{color: #5bb1f7; font-size: 1.5rem; opacity: 0.7;}
.ys1 .yswz p{ font-size: 1.8rem; color: #ffffff; font-weight: 500; margin-bottom: 1rem;}


/* 为什么使用干燥剂开始 */
.gzj{ width: 100vw; margin-top: 3rem;}
.gzj .gzj0{ width: 125rem; margin: 0 auto;}
.zt{margin-bottom: 2rem; text-align: center;}
.zt P{ font-size: 4rem; font-family: "MV Boli"; opacity: 0.3; margin-bottom: -1.5rem;}
.zt h3{ font-size: 3.5rem; font-weight: normal; margin: 2rem 0;}	
.zt .icon-xiangxiajiantou{font-size: 3rem;}
.gzj1 .wz{ font-size: 1.6rem; line-height: 2.5rem;width: 100%; text-align: right}
.gzj2{ width: 100rem; padding:2rem 0;  }
.gzj2 ul{display: grid; grid-template-columns: repeat(5,auto);}
.gzj2 ul li{text-align: center;}
.gzj2 ul li p{font-size: 1.8rem;}
	
/* 产品展示开始 */	
.cp{ width: 100vw; margin-top: 2rem;}
.cp .zxcp{ width: 125rem; margin: 0 auto; text-align: center;}
.zxcp .zxcp2 ul{ display: grid; grid-template-columns: repeat(5,auto); justify-content: space-between; gap: 1rem;}
.zxcp .zxcp2 ul li{ cursor: pointer;}
.zxcp .zxcp2 ul li span{display: block; width: 22rem; height: 22rem; border-radius: 5px;}
.zxcp .zxcp2 ul li p{font-size: 1.8rem; margin-top: 1rem;}
.zxcp2 ul li .span1{ background: url(../img/zxcp.jpg) no-repeat 0 0/500% 100%;}
.zxcp2 ul li .span2{ background: url(../img/zxcp.jpg) no-repeat 25% 0/500% 100%;}
.zxcp2 ul li .span3{ background: url(../img/zxcp.jpg) no-repeat 50% 0/500% 100%;}
.zxcp2 ul li .span4{ background: url(../img/zxcp.jpg) no-repeat 75% 0/500% 100%;}
.zxcp2 ul li .span5{ background: url(../img/zxcp.jpg) no-repeat 100% 0/500% 100%;}
	
/* 硅胶干燥剂产品开始 */
.cp .guij{ width: 125rem; height: 40rem; margin: 50px auto 30px auto; display: flex; 
 justify-content: space-between; overflow: hidden; }	
.guij .guijz{ width: 25rem; height: 40rem; margin-right: 2rem;}
.guijz .guijz1{ height: 5rem; width: 100%; text-align: center; background: #55A532;
color: #FFFFFF; font-size: 2rem; border-radius: 0.5rem 0.5rem 0 0; line-height: 5rem;}
.guijz1 p{font-size: 1.8rem;} 	
.guijz .guijz2{ width: 100%; height: 35rem; background-image: url(../img/guij.jpg);
border-radius: 0 0 5px 5px;}		
.guij .guijy{ height: 80rem; width: 100%;}
.guijy ul{ width: 100%; height: 80rem; display: grid; grid-template-columns: repeat(4,auto);
justify-content: space-between; gap: 1rem 1rem;}
.guijy ul li{ display: block; height: 19.5rem; width: 22rem;text-align: center; cursor: pointer; border-radius: 0.5rem;
box-sizing: border-box; border: 0.1rem solid #D3D3D3; }
.guijy ul li span{ display: block; height: 15rem; }
.guijy ul li p{font-size: 1.6rem; line-height: 4.5rem;}
.guijy ul li .guijy11{ background: url(../img/gjcp.jpg) 0 0/500% 500%;}
.guijy ul li .guijy12{ background: url(../img/gjcp.jpg) 25% 0/500% 500% ;}
.guijy ul li .guijy13{ background: url(../img/gjcp.jpg) 50% 0/500% 500% ;}
.guijy ul li .guijy14{ background: url(../img/gjcp.jpg) 75% 0/500% 500% ;}
.guijy ul li .guijy15{ background: url(../img/gjcp.jpg) 0 25%/500% 500% ;}
.guijy ul li .guijy16{ background: url(../img/gjcp.jpg) 25% 25%/500% 500% ;}
.guijy ul li .guijy17{ background: url(../img/gjcp.jpg) 50% 25%/500% 500% ;}
.guijy ul li .guijy18{ background: url(../img/gjcp.jpg) 75% 25%/500% 500% ;}
.guijy ul li .guijy19{ background: url(../img/gjcp.jpg) 0 50%/500% 500% ;}
.guijy ul li .guijy20{ background: url(../img/gjcp.jpg) 25% 50%/500% 500% ;}
.guijy ul li .guijy21{ background: url(../img/gjcp.jpg) 50% 50%/500% 500% ;}
.guijy ul li .guijy22{ background: url(../img/gjcp.jpg) 75% 50%/500% 500% ;}
.guijy ul li .guijy23{ background: url(../img/gjcp.jpg) 0 75%/500% 500% ;}
.guijy ul li .guijy24{ background: url(../img/gjcp.jpg) 25% 75%/500% 500% ;}
.guijy ul li .guijy25{ background: url(../img/gjcp.jpg) 50% 75%/500% 500% ;}
.guijy ul li .guijy26{ background: url(../img/gjcp.jpg) 75% 75%/500% 500% ;}

/* 点击查看更多 */
.ckgd{ width: 125rem; margin: 0 auto; cursor: pointer; text-align: center;}
.cp .ckgd p{ font-size: 2rem;}
.cp .ckgd .icon-xiangxiajiantou{ font-size: 3rem;}

/* 展示 */
.cp .zs{ width: 125rem; margin: 3rem auto; text-align: center;}	
.cp .zs p{font-size: 2rem; letter-spacing: 1rem;}
	
/* 矿物干燥剂产品开始 */

.cp .kwu{ width: 125rem; height: 40rem; margin: 50px auto 30px auto; display: flex; 
 justify-content: space-between; overflow: hidden;}	
.kwu .kwuz{ width: 28rem; height: 40rem; margin-right: 2rem;}
.kwuz .kwuz1{ height: 5rem; width: 100%; text-align: center; background: #55A532;
color: #FFFFFF; font-size: 2rem; border-radius: 0.5rem 0.5rem 0 0; line-height: 5rem;}
.kwuz0 p{font-size: 1.8rem;} 	
.kwuz .kwuz2{ width: 100%; height: 35rem; background-image: url(../img/kw.jpg);
border-radius: 0 0 5px 5px;}		
.kwu .kwuy{ height: 80rem; width: 100%;}
.kwuy ul{ width: 100%; height: 40rem; display: grid; grid-template-columns: repeat(4,auto);
justify-content: space-between; gap: 1rem 1rem;}
.kwuy ul li{ display: block; height: 19.5rem; width: 22rem;text-align: center; cursor: pointer; border-radius: 0.5rem;
box-sizing: border-box; border: 0.1rem solid #D3D3D3; }
.kwuy ul li span{ display: block; height: 15rem; }
.kwuy ul li p{font-size: 1.6rem; line-height: 4.5rem;}

.kwuy ul li .kwuy11{ background: url(../img/kwcp.jpg) 0 0/500% 300% ;}
.kwuy ul li .kwuy12{ background: url(../img/kwcp.jpg) 25% 0/500% 300% ;}
.kwuy ul li .kwuy13{ background: url(../img/kwcp.jpg) 50% 0/500% 300% ;}
.kwuy ul li .kwuy14{ background: url(../img/kwcp.jpg) 75% 0/500% 300% ;}
.kwuy ul li .kwuy15{ background: url(../img/kwcp.jpg) 0 50%/500% 300% ;}
.kwuy ul li .kwuy16{ background: url(../img/kwcp.jpg) 25% 50%/500% 300% ;}
.kwuy ul li .kwuy17{ background: url(../img/kwcp.jpg) 50% 50%/500% 300% ;}
.kwuy ul li .kwuy18{ background: url(../img/kwcp.jpg) 75% 50%/500% 300% ;}
	
/*香型硅胶干燥剂产品开始 */	
.cp .gjj{ width: 125rem; height: 40rem; margin: 5rem auto 6rem auto;display: flex;
justify-content: space-between;	overflow: hidden; cursor: pointer;}
.gjj .gjj1{ width: 28rem; height: 40rem; margin-right: 2rem;}
.gjj1 .gjj10{ height: 5rem; width: 100%; line-height: 5rem; text-align: center;background: #55A532;
color: #FFFFFF; border-radius: 0.5rem 0.5rem 0 0 ; line-height: 5rem;}
.gjj10 p{font-size: 1.8rem;} 
.gjj1 .gjj11{ width: 100%; height: 35rem; background-image: url(../img/xg.jpg);border-radius: 0 0 0.5rem 0.5rem;}
.gjj .gjj2{ height: 40rem; width: 100%; background: url(../img/xgdt.jpg) no-repeat; border-radius: 0.5rem;}


/*茶叶干燥剂产品开始 */	
.cp .cy{ width: 125rem; height: 40rem; margin: 3rem auto 6rem auto;display: flex;
justify-content: space-between;	overflow: hidden; cursor: pointer;}
.cy .cy1{ width: 28rem; height: 40rem; margin-right: 2rem;}
.cy1 .cy10{ height: 5rem; width: 100%; line-height: 5rem; text-align: center;background: #55A532;
color: #FFFFFF; border-radius: 0.5rem 0.5rem 0 0 ; line-height: 5rem;}
.cy10 p{ font-size: 1.8rem;}
.cy1 .cy11{ width: 100%; height: 350px; background: url(../img/cy.jpg) no-repeat; border-radius: 0 0 0.5rem 0.5rem;}
.cy .cy2{ height: 40rem; width: 100%; background: url(../img/cydt.jpg) no-repeat; border-radius: 0.5rem;}	
	
/*生化干燥剂产品开始 */	
.cp .lhgg{ width: 125rem; height: 40rem; margin: 3rem auto 6rem auto;display: flex;
justify-content: space-between;	overflow: hidden; cursor: pointer;}
.lhgg .lhgg1{ width: 28rem; height: 40rem; margin-right: 2rem;}
.lhgg1 .lhgg10{ height: 5rem; width: 100%; line-height: 5rem; text-align: center;background: #55A532;
color: #FFFFFF; font-size: 2rem; border-radius: 0.5rem 0.5rem 0 0 ;}
.lhgg1 .lhgg11{ width: 100%; height: 350px; background-image: url(../img/lhg.jpg);border-radius: 0 0 0.5rem 0.5rem;}
.lhgg .lhgg2{ height: 40rem; width: 100%; background: url(../img/shtp2.jpg) no-repeat; border-radius: 0.5rem;}		
	
/*关于我们 */		
.wm{ width: 100vw;  background: #005ed0; }
.wm1{ width: 125rem; margin: 0 auto; text-align: center;}
.zt1{padding-top: 5rem;}
.zt1 p{color: #ffffff;}
.zt1 h3{color: #ffffff;}
.zt1 span{color: #ffffff;}
.women-neirong{ display: flex; justify-content: space-around; margin-top: 5rem;padding-bottom: 6rem;}
.women-neirong img{display: block; height: 25rem; border: 0.8rem solid #5bb1f7; box-sizing: border-box;}
.women-neirong .wm2{ width: 60rem; margin-left: 2rem; margin-top: 1rem;}
.wm2 span{ display: block; font-size: 1.4rem; color: #FFFFFF; letter-spacing: 0.2rem;
text-indent: 2.8rem; text-align: justify;}	
.wm2 .wm3{ width: 14rem; height: 3rem; background: #83c1f3; border-radius: 1rem;margin-top: 8rem;
line-height: 3rem; text-align: center;}	 
.wm2 .wm3 a{ font-size: 1.5rem;}
.wm2 .wm3:hover{ background: #ffffff;}

/* 干燥剂定制流程 */
.dingz{width: 100vw; margin: 8rem 0;}
.dingz .dz{ width: 125rem; margin: 0 auto; text-align: center;}	
.dz .dz2{ width: 100%; margin: 5rem auto 0 auto; display: grid; grid-template-columns: repeat(6,auto);
gap: 1rem; justify-content: space-around;}
.dz .dz2 .dz20{ width: 19rem; height: 25rem; text-align: center; line-height: 33rem; border-radius: 2rem;}
.dz2 .dz20 p{ color: #ffffff; font-size: 1.8rem; }
.dz .dz2 .dz21{ background: url(../img/dz.jpg) 0 0/300% 100%;}
.dz .dz2 .dz22{ background: url(../img/dz.jpg) 50% 0/300% 100%;}
.dz .dz2 .dz23{ background: url(../img/dz.jpg) 100% 0/300% 100%;}
.dz .dz2 .dz24{ background: url(../img/dz1.jpg) 0 0/300% 100%;}
.dz .dz2 .dz25{ background: url(../img/dz1.jpg) 50% 0/300% 100%;}
.dz .dz2 .dz26{ background: url(../img/dz1.jpg) 100% 0/300% 100%;}
	
/* 页脚	 */
.footer{ width: 100vw; background: #313133;
 }
.footer1{width: 117rem; margin: 0 auto;  cursor: pointer; padding: 3rem 0; }
.footer11 ul{width: 100%; display: flex; justify-content: space-between;}
.footer11 ul li .iconfont{display: none;}
.footer11 ul li a{color: #ffffff;  font-size: 1.4rem}
.footer10{border-top: 1px solid #000000; }
.footer10 ul li span{color: #ffffff; font-size: 1.4rem}
.footer11 ul li a:hover{color: #0250b1;}

.footer2{width: 100vw; padding: 2rem 0; background: #0250b1; cursor: pointer;}
.footer21{text-align: center; margin: 0 auto;}
.footer21 img{ width: 1.5rem;}
.footer21 a{font-size: 1.2rem; color: #021429; padding: 0 0.5rem;}
.footer21 a:hover{ color: #499eff;}
/*左边条幅*/
.zbk{ width: 5vw; height: 100vh; background: #3588ee; position: fixed; left: 0; top: 0; z-index: 500;}

/*回到顶部*/	
.dibu{ position: fixed; bottom: 10rem; right: 20rem; text-align: center; width: 8rem; height: 8rem; 
 background: #747474; border-radius: 1rem; line-height: 8rem; display: none;}
.dibu span{ font-size: 5rem; color: #ffffff;}
.dibu span:hover{ color: #005ed0;}

/*黑屏*/
.hp1{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: #000000;
z-index: 5; opacity: 0.5; display: none;}

/*黑屏*/
.hp2{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: #000000;
opacity: 0; display: none; z-index: 8;}