/* 通用代码 */
body{ background: #005ed0;}

/* 轮播大图 */
.banner1{ height: 45rem; width: 100vw; background: #0f77f7;}
.banner1 a{ display: block; height: 45rem; background: no-repeat center;}
.banner1 a.small{ display: none;}
.banner1 a.small2{ display: none;}
/* 联系我们 */
.lxwm{ width: 100vw;height: auto; margin-top: 5rem;}
.lxwm .lxwm11{ width: 1250px;height: auto; margin: 0 auto; background: #ffffff; margin-bottom: 5rem; 
padding: 5rem 3rem; box-sizing: border-box;}
.lxwm11 .lxwm12 p{ font-size: 2.5rem; font-weight: 500; }
.lxwm11 .lxwm12 span{ font-size: 1.6rem; padding: 1rem 0; display: block;}
.lxwm11 .ditu{ display: grid;  justify-content: space-around}
.ditu .ditu2{ margin-top: 2rem;}
.ditu .ditu2 span{ font-size: 1.6rem; line-height: 3rem; text-indent: 1rem; display: block;}
.ditu .ditu2 p{ line-height: 5rem; font-size: 1.6rem;}
/* 干燥剂常识 */
.hyzx1 p{ font-size: 2rem; text-align: left; margin: 2rem 0; font-weight: 700;}
.hyzx1 span{ line-height: 3rem; font-size: 1.6rem;}



/*手机和平板端*/
@media(max-width:768px){
/* 头部开始 */
.header{ height: 7vh;  opacity: 0.9;}
.header .headerr{ width: 90vw;}
.header-left img{height: 50%;} 
.header-left .header-left1{ display: none; }            
.headerr .header-right{ display: none;}
.tb .tb2{ display:none;}


/* 导航条开始 */
.nav{display: none; width: 100vw; height: 23rem; z-index: 10;background: #0f77f7;  opacity: 0.9; position: relative;}
.nav .nav1{ width:100%; height: auto; text-align: center;}
.nav1 ul{display: flex; flex-direction: column; justify-content: flex-start; margin-top: 2rem;}
.nav1 ul .dhh1{ background:#0f77f7;}
.nav1 ul li {width: 8rem; height: 4rem; margin-right: 0rem;  position: relative;}

/* 轮播大图 */
.gywmm .datu1{width: 100%; display: none;}
.gywmm .datu2{width: 100%; display: block;}
.gywmm .datu3{width: 100%; display: none;}

/* 联系我们 */
.lxwm .lxwm11{ width:90vw;}
.lxwm11 .lxwm12 p{ font-size: 2.5rem; font-weight: 500; }
.lxwm11 .lxwm12 span{ font-size: 1.6rem; padding: 1rem 0; display: block; }
.lxwm11 .ditu{ flex-direction: column;}
.ditu .ditu1{  width:25rem; height: auto;}
.ditu .ditu1 img{width: 100%; height: 100%;}

.ditu .ditu2 span{ font-size: 1.4rem; line-height: 3rem; text-indent: 2rem; }
.ditu .ditu22 p{ line-height: 3rem; font-size: 1.5rem;}

/* 页脚	 */
.footer1{width: 90vw; display: flex; justify-content: space-around;}
.footer11 ul{width: 100%; flex-direction: column;}
.footer11 ul li{margin: 1rem 0; font-size: 1rem; }
.footer11 ul li.iconfont{display: block;}
.footer11 ul li a{ font-size: 1.2rem}
.footer10{border-top: 0px solid #000000; }
.footer10 ul li span{font-size: 1.2rem}

.footer21{width: 90vw; }
.footer21 img{ width: 1.2rem;}
.footer21 a{font-size: 1.2rem; }

/*回到顶部*/	
.dibu{ right: 2rem;  width: 6rem; height: 6rem; line-height: 6rem; }
.dibu span{ font-size: 3rem;}
}

/*小屏幕显示器*/
@media( min-width:769px){
/* 头部开始 */
.header{ height: 10vh;}
.header .headerr{ width: 75rem; justify-content: space-around;}
.header-left img{height: 35%;} 
.header-left .header-left1{ margin-left: 1.5rem; padding-left: 1.5rem; }            
.header-left1 p{ font-size: 1.7rem; font-weight: 700; margin-bottom: 0.5rem;} 
.header-left1 span{ font-size: 1.2rem;} 
.tb{ display:none;}


/* 导航条开始 */
.nav .nav1{ width:75rem; height: 100%;text-align: center; }
.nav1 ul{display: grid; grid-template-columns: repeat(5,auto); justify-content: space-around;}
.nav1 ul li {width: 10rem; height: 100%; margin-right: 1rem;  position: relative;}

/* 轮播大图 */
.gywmm .datu1{width: 100%; display: none;}
.gywmm .datu2{width: 100%; display: block;}
.gywmm .datu3{width: 100%; display: none;}

/* 联系我们 */
.lxwm .lxwm11{ width:75rem;}
.lxwm11 .ditu{ flex-direction: column;}
.ditu .ditu1 img{ width: 40rem;}

/* 页脚	 */
.footer1{width: 95rem;}
.footer11 ul{width: 100%; flex-direction: row;}
.footer11 ul li{margin: 1rem 0; font-size: 1rem; }
.footer11 ul li.iconfont{display: block;}
.footer11 ul li a{ font-size: 1.4rem}
.footer10{border-top: 0.1rem solid #000000; }
.footer10 ul li span{font-size: 1.4rem}

.footer21{width: 95rem;}
.footer21 img{ width: 1.4rem;}
.footer21 a{font-size: 1.4rem; }

/*回到顶部*/	
.dibu{ right: 2rem;  width: 6rem; height: 6rem; line-height: 6rem; }
.dibu span{ font-size: 3rem;}

}

/*中等屏幕显示器*/
@media(min-width:992px){

/* 头部开始 */
.header .headerr{ width: 95rem; justify-content: space-between;}
.header-left img{height: 45%;}     
.header-left1 p{ font-size: 1.8rem;} 
.header-left1 span{ font-size: 1.5rem;} 
.header .header-right{height: 100%; display: flex; align-items: center;}
.header-right img{height: 30%;}
.header-right p{ font-size: 2rem; }
.tb {display: none;}

/* 导航条开始 */
.nav .nav1{ width:95rem; height: 100%;text-align: center; }
.nav1 ul{display: grid; grid-template-columns: repeat(5,auto); justify-content: flex-start;}
.nav1 ul li {width: 10rem; height: 100%; margin-right: 8rem;  position: relative;}

/* 轮播大图 */
.gywmm .datu1{width: 100%; display: none;}
.gywmm .datu2{width: 100%; display: none;}
.gywmm .datu3{width: 100%; display: block;}

/* 联系我们 */
.lxwm .lxwm11{ width:95rem;}
.lxwm11 .ditu{ flex-direction: row; grid-template-columns: repeat(2,auto); gap: 2rem;
width: 100%;}
.ditu .ditu1 img{ width: 40rem;}

/* 页脚	 */
.footer1{width: 95rem;}
.footer11 ul{width: 100%; flex-direction: row;}
.footer11 ul li{font-size: 1.6rem; margin: 1rem;}
.footer21{width: 95rem; }
.footer2 a{font-size: 1.6rem; }

/*回到顶部*/	
.dibu{  bottom: 10rem; right: 35rem; text-align: center; width: 6rem; height: 6rem; 
  line-height: 6rem;;}
.dibu span{ font-size: 5rem;}

}

/*大屏幕显示器*/
@media(min-width:1200px){

/* 头部开始 */
.header .headerr{ width: 117rem;}   
.tb {display: none;}

/* 导航条开始 */
.nav .nav1{ width: 117rem; }
.nav1 ul{justify-content: flex-start;}
.nav1 ul li { margin-right: 8rem; line-height: 4vh; }

/* 轮播大图 */
.gywmm .datu1{width: 100%; display: block;}
.gywmm .datu2{width: 100%; display: none;}
.gywmm .datu3{width: 100%; display: none;}

/* 联系我们 */
.lxwm .lxwm11{ width:117rem;}
.ditu .ditu1 img{ width: 50rem;}

/* 页脚	 */
.footer1{width: 117rem;}
.footer21{width: 117rem;}

/*回到顶部*/	
.dibu{  bottom: 10rem; right: 20rem; text-align: center; width: 6rem; height: 6rem; 
line-height: 6rem;;}
.dibu span{ font-size: 5rem;}
}