.w1670{ width: 16.7rem; margin: auto;}
.develMaxBoxFive .mk{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -0.24rem;}
.develMaxBoxFive{ padding: 0.66rem 0 0.9rem 0;}
.develMaxBoxFive .wli{ width: calc((100% - 0.72rem) / 3); margin: 0.24rem 0.12rem 0 0.12rem; position: relative;}
.develMaxBoxFive .wli:first-child,
.develMaxBoxFive .wli:nth-child(2){ width: calc((100% - 0.48rem) / 2);}
.develMaxBoxFive .wli .m{ width: 100%; height: 3.8rem; overflow: hidden;}
.develMaxBoxFive .wli:first-child .m,
.develMaxBoxFive .wli:nth-child(2) .m{ height: 4.8rem;}
.develMaxBoxFive .wli .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease;}
.develMaxBoxFive .wli:hover .m img{ transform:scale(1.1);}
.develMaxBoxFive .wli .h{ font-size: 0.36rem; line-height: 1; color: #fff; position: absolute; left: 0.42rem; bottom: 0.4rem; transition: all 0.5s; right: 0.42rem; text-align: center;}
.develMaxBoxFive .wli:hover .h{ opacity: 0; bottom: 0; transition: unset;}
.develMaxBoxFive .wli .a{ position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; opacity: 0;}
.develMaxBoxFive .wli:hover .a{ opacity: 1; bottom: 0.36rem; transition: all 0.5s;}
.develMaxBoxFive .wli .a i{ font-size: 0.36rem; line-height: 0.4rem; color: #fff; font-style: normal; padding-right: 0.8rem; background: url(../images/develmg/devel15.png) no-repeat right center; background-size: auto 100%;}
.develMaxBoxLicy{ background: #F7F7F7; padding: 0.9rem 0;}
.develTit{ font-size: 0.48rem; color: #3A3A3A; text-align: center; line-height: 1; font-weight: 600;}
.develnavMin{ display: flex; justify-content: center; border-bottom: 1px solid #D7D7D7;}
.develnavMin .li{ min-width: 2.8rem; margin: 0 0.15rem; position: relative;}
.develnavMin .li a{ display: block; font-size: 0.28rem; color: #3A3A3A; text-align: center; line-height: 1; padding-bottom: 0.27rem;}
.develnavMin .li::after{ width: 0; height: 3px; background: #0089D0; position: absolute; left: 50%; bottom: -1px; content: ''; transition: all 0.5s; }
.develnavMin .li:hover::after,
.develnavMin .li.cur::after{ width: 100%;left:0}
.develMaxBoxLicy .develnavMin{ margin: 0.84rem 0 0.8rem 0;}
.devellist .wli{ margin: 0 -0.12rem; position: relative;}
.devellist .li{ width: 3.14rem; margin: auto;}
.devellist .li .p{ text-align: center; font-size: 0.22rem; line-height: 0.34rem; color: #3A3A3A; padding: 0.34rem 0.45rem 0 0.45rem; transition: all 0.5s;}
.devellist .li:hover .p{ color: #4174a9;}
.devellist .li .m{ position: relative;}
.devellist .li .m i{ display: block; position: relative; z-index: 2; width: 100%; height: 4.44rem; overflow: hidden;}
.devellist .li .m i img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.devellist .li .m::after{ content: ''; width: 2.4rem; height: 3.47rem; background: url(../images/develmg/devel7.png) no-repeat center; background-size: 100% 100%; position: absolute; z-index: 0; left: -0.12rem; bottom: -0.18rem;}
.devellist .em{ width: 0.64rem; height: 0.64rem; border-radius: 100%; background: url(../images/develmg/devel8.png) no-repeat center; background-size: 100% auto; overflow: hidden; cursor: pointer; transition: all 0.5s; position: absolute; top: 1.9rem; left: -0.76rem;}
.devellist .em::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #3a3a3a; border-radius: 100%; transition: all 0.5s;}
.devellist .em:hover::after{ opacity: 0;}
.devellist .em2{ left: auto; right: -0.76rem; transform: rotate(180deg);}
.devellist .em:hover{ background: #4174a9 url(../images/develmg/devel8s.png) no-repeat center; background-size: 100% auto; border-color: #4174a9; box-shadow: 0 0 .2rem 0 rgba(65, 116, 169, .5);}
.devellist .em.emcur{ cursor: auto; background: url(../images/develmg/devel8.png) no-repeat center; background-size: 100% auto; box-shadow: unset; opacity: 0.3;}
.devellist .em.emcur::after{ opacity: 1;}
.devellist .swiper-button-next,
.devellist .swiper-button-prev{ display: none;}
.devellist .swiperboxmax{ position: relative; /*min-height:5.46rem;*/}
.devellist .wli{ display: none;}
.devellist .wli.cur{ display: block;}
.develMore{ display: flex; justify-content: center;}
.develMore a{ display: flex; justify-content: center; width: 1.48rem; border: 1px solid #3A3A3A; border-radius: 0.06rem; transition: all 0.5s;}
.develMore a i{ font-size: 0.14rem; line-height: 0.4rem; color: #3A3A3A; font-style: normal; padding-right: 0.24rem; background: url(../images/develmg/devel9.png) no-repeat right center; background-size: 0.16rem auto; transition: all 0.5s;}
.develMore a:hover{ background: #4174a9; border-color: #4174a9; box-shadow: 0 0 .2rem 0 rgba(65, 116, 169, .5);}
.develMore a:hover i{ color: #fff; background: url(../images/develmg/devel9s.png) no-repeat right center; background-size: 0.16rem auto;}
.develMaxBoxLicy .develMore{ margin-top: 0.5rem;}
.develMaxBoxNews{ padding: 0.9rem 0 1.2rem 0;}
.develMaxBoxNews .slist{ margin: 0.64rem -0.12rem; display: flex; flex-wrap: wrap;}
.develMaxBoxNews .slist .li{ width: calc((100% - 0.72rem) / 3); margin: 0 0.12rem; background: #F7F7F7; transition: all 0.5s;}
.develMaxBoxNews .slist .li:hover{ background: #4174a9;}
.develMaxBoxNews .slist .li .m{ width: 100%; height: 3.6rem; overflow: hidden;}
.develMaxBoxNews .slist .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease;}
.develMaxBoxNews .slist .li:hover .m img{ transform:scale(1.1);}
.develMaxBoxNews .slist .li .ter{ padding: 0.4rem;}
.develMaxBoxNews .slist .li .ter .t{ font-size: 0.16rem; line-height: 1; color: #676767; margin-bottom: 0.18rem; transition: all 0.5s;}
.develMaxBoxNews .slist .li .ter .p{ font-size: 0.22rem; line-height: 0.32rem; color: #3A3A3A; transition: all 0.5s; font-weight: 600;}
.develMaxBoxNews .slist .li:hover .ter .t,
.develMaxBoxNews .slist .li:hover .ter .p{ color: #fff;}
.w1668{ width: 16.68rem; margin: auto;}
.strategyNavTop .contM{ display: flex; justify-content: center; flex-wrap: wrap; border-bottom: 1px solid #dbdbdb;}
.strategyNavTop .contM .li{ width: calc(100% / 7); position: relative;}
.strategyNavTop .contM .li::after{ width: 0; height: 3px; background: #0089D0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; transition: all 0.5s; opacity: 0;}
.strategyNavTop .contM .li.cur::after,
.strategyNavTop .contM .li:hover::after{ width: 100%; opacity: 1;}
.strategyNavTop .contM .li a{ display: block; text-align: center; font-size: 0.24rem; line-height: 1rem; color: #3A3A3A;}
.strategyBoxOne{ padding: 0.8rem 0;}
.strategyTitle .h{ font-size: 0.48rem; line-height: 0.58rem; color: #3A3A3A; margin-bottom: 0.4rem;}
.strategyTitle .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.strategyBoxOne .img{ width: 14.18rem; margin: 0.62rem auto 0;}
.strategyBoxOne .img img{ display: block; width: 100%;}
.strategyBoxOne .img p{ font-size: 0.14rem; line-height: 0.26rem; color: #676767;}
.strategyBoxTwo{ background: url(../images/develmg/strategy3.jpg) no-repeat center; background-size: 100% 100%; position: relative; min-height: 8.9rem;}
.strategyBoxTwo .strategyTitle{ width: 11.7rem;}
.strategyBoxTwo::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/develmg/strategy2.png) no-repeat left bottom; background-size: 100% auto;}
.strategyBoxTwo .contM{ position: relative; z-index: 5; padding: 0.8rem 0 2rem 0;}
.strategyBoxTwo .swiper-slide{ min-height: 5.08rem; opacity: 0!important;}
.strategyBoxTwo .swiper-slide-active{ opacity: 1!important;}
.strategyBoxTwo .swiper-slide .li{ width: 3rem; padding-left: 0.4rem; min-height: 2.58rem; position: absolute; left: 0; bottom: 0;}
.strategyBoxTwo .swiper-slide .li:nth-child(2){ left: 4.3rem; bottom: 0.75rem;}
.strategyBoxTwo .swiper-slide .li:nth-child(3){ left: 8.6rem; bottom: 1.6rem;}
.strategyBoxTwo .swiper-slide .li:nth-child(4){ left: 12.95rem; bottom: 2.5rem;}
.strategyBoxTwo .swiper-slide .li::after{ width: 0.16rem; height: 0.16rem; border-radius: 100%; background: #2E74AA; position: absolute; left: 0; bottom: 0; content: '';}
.strategyBoxTwo .swiper-slide .li .i{ position: absolute; top: 0; left: 0.08rem; bottom: 0; border-left: 1px dashed #2E74AA;}
.strategyBoxTwo .swiper-slide .li .tit .h{ font-size: 0.3rem; line-height: 1; color: #3A3A3A;}
.strategyBoxTwo .swiper-slide .li .tit .t{ font-size: 0.18rem; color: #676767; margin-top: 0.15rem; line-height: 1;}
.strategyBoxTwo .swiper-slide .li .tit{ position: relative; margin-bottom: 0.4rem;}
.strategyBoxTwo .swiper-slide .li .tit::after{ content: ''; width: 4px; height: 100%; position: absolute; top: 0; left: -0.34rem; background: #2E74AA;}
.strategyBoxTwo .swiper-slide .li .ps{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.strategyBoxTwo .swiper-button-next,
.strategyBoxTwo .swiper-button-prev{ display: none;}
.strategyBoxTwo .swiper{ margin-top: -0.2rem;}
.strategyBoxTwo .em{ width: 0.6rem; height: 0.6rem; background: url(../images/develmg/strategy4.png) no-repeat center; background-size: 100% auto; cursor: pointer; border-radius: 100%; border: 2px solid #fff; position: absolute; right: 2.05rem; bottom: 0.8rem; z-index: 10; transition: all 0.5s;}
.strategyBoxTwo .em2{ right: 1.17rem; transform: rotate(180deg);}
.strategyBoxThree{ padding: 0.8rem 0 1.2rem 0;}
.strategyBoxThree .strategyTitle{ width: 11.65rem;}
.strategyBoxThree .img{ margin: 0.7rem auto 0; width: 15.25rem;}
.strategyBoxThree .img img{ display: block; width: 100%;}
.dynamicNavMin .contM{ display: flex; justify-content: center; padding: 0.65rem 0 0 0;}
.dynamicNavMin .contM .li{ min-width: 1.6rem; /*margin: 0 0.16rem;*/}
.dynamicNavMin .contM .li + .li{ margin-left: 0.32rem;}
.dynamicNavMin .contM .li a{ display: block; font-size: 0.2rem; line-height: 0.58rem; color: #3A3A3A; text-align: center; border-radius: 0.35rem; border: 1px solid #676767; transition: all 0.5s; padding: 0 0.35rem; white-space: nowrap;}
.dynamicNavMin .contM .li:hover a,
.dynamicNavMin .contM .li.cur a{ background: #0089D0; border-color: #0089D0; color: #fff;}
.dynamicNavMinitem .contM .li{ min-width: 2.45rem;}
.safetyboxmaxone{ padding: 0.64rem 0 0.9rem 0;}
.safetytop{ background: #F7F7F7; padding: 0.7rem 0.49rem;}
.safetytop .ps{ padding: 0 0.73rem; position: relative; font-size: 0.26rem; line-height: 0.48rem; color: #0089D0; text-align: center; /*font-weight: 600;*/}
.safetytop .ps::after,
.safetytop .ps::before{ width: 0.27rem; height: 0.48rem; position: absolute; top: 0; left: 0; background: url(../images/develmg/safety1.png) no-repeat center; background-size: 100% auto; content: '';}
.safetytop .ps::before{ left: auto; right: 0; transform: rotate(180deg);}
.safetytext{ margin-top: 0.9rem; display: flex; justify-content: space-between; align-items: flex-start;}
.safetytext .m{ width: 8.36rem; overflow: hidden;}
.safetytext .m img{ display: block; width: 100%;}
.safetytext .ter{ width: 7.53rem; padding: 0.48rem 0 0 0;}
.safetytext .ter .h{ font-size: 0.48rem; line-height: 0.58rem; color: #3A3A3A; /*font-weight: 600;*/ margin-bottom: 0.4rem;}
.safetytext .ter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.safetyboxmaxtwo{ padding: 0.9rem 0;}
.safetyboxmaxtwocolor{ background: #F7F7F7;}
.safetytitle{ display: flex; align-items: center;}
.safetytitle .m{ width: 0.8rem; height: 0.8rem; background: #fff; border: 1px solid #D7D7D7; border-radius: 100%; margin-right: 0.24rem;}
.safetytitle .m img{ display: block; width: 100%;}
.safetytitle .h{ font-size: 0.48rem; font-weight: 600; color: #3A3A3A;}
.safetyboxmaxtwo .ps{ margin-top: 0.4rem; font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.safetyboxmaxtwo .ps img{ margin: auto; display: block; max-width: 100%;}
.safetyboxmaxtwobot{ padding: 0.9rem 0 1.2rem 0;}
.safetytextright .m{ width: auto; display: flex;}
.safetytextright .m i{ display: block; height: 3.45rem; overflow: hidden;}
.safetytextright .m i + i{ margin-left: 0.3rem;}
.safetytextright .m i img{ display: block; width: auto; height: 100%;}
.safetytextright .ter{ width: 10.6rem;}
.safetytextright{ flex-direction: row-reverse;}
.systemboxmaxone{ padding: 0.9rem 0; background: #F7F7F7;}
.systemboxmaxone .h{ font-size: 0.48rem; line-height: 0.58rem; text-align: center; color: #3A3A3A;/* font-weight: 600;*/}
.systemboxmaxone .p{ font-size: 0.24rem; line-height: 0.34rem; color: #3A3A3A; text-align: center; margin-top: 0.5rem;}
.systemboxmaxone .img{ margin-top: 0.4rem;}
.systemboxmaxone .img img{ display: block; width: 14.98rem; margin: auto;}
.systemboxmaxtwo{ padding: 0.9rem 0 1.2rem 0;}
.systemboxmaxtwo .wli{ display: flex; align-items: center; justify-content: space-between;}
.systemboxmaxtwo .wli:nth-child(2n){ flex-direction: row-reverse;}
.systemboxmaxtwo .wli .m{ width: 8.36rem; min-height: 5.2rem; overflow: hidden;}
.systemboxmaxtwo .wli .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.systemboxmaxtwo .wli .ter{ width: 7.55rem; padding: 0.2rem 0;}
.systemboxmaxtwo .wli .ter .h{ font-size: 0.48rem; line-height: 0.58rem; color: #3A3A3A; /*font-weight: 600;*/ margin-bottom: 0.4rem;}
.systemboxmaxtwo .wli .ter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.systemboxmaxnews{ padding: 0 0 1.2rem 0;}
.systemboxmaxnews .tit .h{ font-size: 0.48rem; line-height: 0.58rem; color: #3A3A3A; text-align: center; font-weight: 600;}
.systemboxmaxnews .tit .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; margin-top: 0.5rem;}
.systemboxmaxnews .slist .tp{ display: flex; justify-content: center; border-bottom: 1px solid #D7D7D7; margin-top: 0.7rem;}
.systemboxmaxnews .slist .tp .li{ cursor: pointer; font-size: 0.28rem; color: #3A3A3A; line-height: 1; padding-bottom: 0.28rem; position: relative; margin: 0 0.3rem;}
.systemboxmaxnews .slist .tp .li::after{ content: ''; width: 0; height: 3px; background: #0089D0; position: absolute; left: 50%; bottom: -1px; opacity: 0; transition: all 0.5s;}
.systemboxmaxnews .slist .tp .li.cur::after,
.systemboxmaxnews .slist .tp .li:hover::after{ width: 100%; opacity: 1;left: 0}
.systemboxmaxnews .slist .bt{ margin-top: 0.64rem;}
.systemboxmaxnews .slist .bt .wli a{ display: flex; justify-content: space-between; align-items: center;}
.systemboxmaxnews .slist .bt .wli .m{ width: 8.36rem; min-height: 5.2rem; overflow: hidden;}
.systemboxmaxnews .slist .bt .wli .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.systemboxmaxnews .slist .bt .wli .ter{ width: 7.5rem; padding: 0.2rem 0;}
.systemboxmaxnews .slist .bt .wli .ter .h{ font-size: 0.32rem; line-height: 0.42rem; color: #3A3A3A; font-weight: 600; margin-bottom: 0.3rem;}
.systemboxmaxnews .slist .bt .wli .ter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.systemboxmaxnews .slist .bt .wli{ display: none;}
.systemboxmaxnews .slist .bt .wli.cur{ display: block;}
.chemistryboxmax{ padding: 0 0 1.2rem 0;}
.chemistryboxmax .tit{ font-size: 0.28rem; line-height: 0.38rem; color: #3A3A3A; font-weight: 600;}
.chemistryboxmax .slist{ display: flex; flex-wrap: wrap; margin: 0 -0.12rem;}
.chemistryboxmax .slist .li{ margin: 0.24rem 0.12rem 0 0.12rem; width: calc((100% - 0.72rem) / 3); min-height: 2.85rem; position: relative;}
.chemistryboxmax .slist .li::after{ content: ''; border: 1px solid #D7D7D7; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.chemistryboxmax .slist .li::before{ width: 0; height: 3px; background: #0089D0; position: absolute; top: 0; left: 0; transition: all 0.5s; content: ''; opacity: 0; z-index: 5;}
.chemistryboxmax .slist .li:hover::before{ width: 100%; opacity: 1;}
.chemistryboxmax .slist .li .mk{ padding: 0.4rem;}
.chemistryboxmax .slist .li:nth-child(4),
.chemistryboxmax .slist .li:nth-child(5){ width: calc((100% - 0.48rem) / 2);}
.chemistryboxmax .slist .li .ter{ margin-top: 0.25rem; font-size: 0.2rem; line-height: 0.36rem; color: #676767;}
.chemistryboxmax .slist .li .tp{ display: flex; align-items: center;}
.chemistryboxmax .slist .li .tp .m{ width: 0.8rem; height: 0.8rem; border-radius: 100%; border: 1px solid #D7D7D7; background: #fff; margin-right: 0.2rem;}
.chemistryboxmax .slist .li .tp .m img{ display: block; width: 100%;}
.chemistryboxmax .slist .li .tp .h{ font-size: 0.24rem; line-height: 0.34rem; color: #3A3A3A; font-weight: 600;}
.chemistryboxmax .text{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; margin-top: 0.55rem;}
.safetytextocc .ter{ padding: 0; width: auto;}
.safetytextocc .ter .img{ display: flex; flex-wrap: wrap; margin: 0.5rem -0.28rem 0 -0.28rem;}
.safetytextocc .ter .img .li{ width: calc((100% - 1.68rem) / 3); margin: 0 0.28rem;}
.safetytextocc .ter .img .li .n{ width: 100%; height: 2.68rem; overflow: hidden; margin-bottom: 0.3rem;}
.safetytextocc .ter .img .li .n img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.safetytextocc .ter .img .li .v{ font-size: 0.18rem; line-height: 0.3rem; color: #000; /*font-weight: 600;*/}
/*.safetytextocc .ter .p{ font-weight: 600;}*/
.occupationboxmax{ /*padding: 0.9rem 0 1.2rem 0;*/ background: #F1F7FF; padding: 0.9rem 0 0.36rem 0; margin-bottom: 0.9rem;}
.occupationboxmax .wli + .wli{ margin-top: 0.4rem;}
.occupationboxmax .wli .tp{ display: flex; justify-content: space-between; align-items: flex-start;}
.occupationboxmax .wli .tp .h{ font-size: 0.32rem; line-height: 0.42rem; /*font-weight: 600;*/ color: #383838;}
.occupationboxmax .wli .tp .sole{ width: 0.18rem; height: 0.42rem; cursor: pointer; background: url(../images/develmg/occupation5.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.occupationboxmax .wli.cur .tp .sole{ background: url(../images/develmg/occupation6.png) no-repeat center; background-size: 100% auto;}
.occupationboxmax .wli .tp .sole:hover{ transform: rotate(180deg);}
.occupationboxmax .wli{ padding: 0.34rem 0.62rem 0.34rem 0.46rem; background: #fff; box-shadow: 0px 0.1rem 0.2rem 0px rgba(164,217,253,0.15);}
.occupationboxmax .wli .mk{ display: flex; justify-content: space-between; flex-direction: row-reverse; padding-right: 0.58rem;}
.occupationboxmax .wli .mk img{ display: block; width: 3.63rem; margin-left: 1rem;}
.occupationboxmax .wli .mk .p{ font-size: 0.18rem; line-height: 0.3rem; color: #383838; margin-top: 0.4rem;}
.occupationboxmax .wli .ps{ display: none;}
.safetyboxmaxone .up{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.safetytextenv .m{ display: flex; justify-content: flex-start; width: auto; margin-left: 0.85rem; flex-shrink: 0;}
.safetytextenv .m .li + .li{ margin-left: 0.3rem;}
.safetytextenv .m .li i{ display: block; height: 4.6rem; overflow: hidden; border: 1px solid #D7D7D7;}
.safetytextenv .m .li i img{ display: block; width: auto; height: 100%;}
.safetytextenv .m .li p{ font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.18rem; color: #3A3A3A; text-align: center;}
.safetytextenv .ter{ width: auto; padding: 0.2rem 0 0 0;}
.safetyboxmaxenvi{ padding: 0.3rem 0 1.2rem 0;}
.safetyboxmaxenvi .safetytext{ margin: 0; display: block;}
.safetyboxmaxenvi .safetytext .ter{ padding: 0; width: auto;}
.safetyboxmaxenvi .safetytext .m{ width: 100%; margin-top: 0.6rem;}
.safetyboxmaxaban{ padding: 0.7rem 0 1.2rem 0;}
.abandonmaxbox{ margin-top: 0.9rem; display: flex;}
.abandonmaxbox .wli{ width: 3rem; position: relative; overflow: hidden; transition: all 0.5s;}
.abandonmaxbox .wli.cur{ width: calc(100% - 6rem);}
.abandonmaxbox .wli .m{ width: 100%; height: 9.8rem; overflow: hidden; position: relative; z-index: 0;}
.abandonmaxbox .wli .m img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center right;}
.abandonmaxbox .wli .m::after{ width: 100%; height: 100%; background: #122635; opacity: 0.7; position: absolute; top: 0; left: 0; content: '';}
.abandonmaxbox .wli.cur .m::after{ opacity: 0;}
.abandonmaxbox .wli .ter{ width: 6.2rem; position: absolute; top: 0.9rem; left: 0.8rem; z-index: 5; opacity: 0;}
.abandonmaxbox .wli.cur .ter{ animation: allaban 0.5s; opacity: 0; animation-delay: 0.5s; animation-fill-mode: forwards;}
@keyframes allaban{
	from { opacity: 0; }
	to   { opacity: 1; }
}
.abandonmaxbox .wli .ter .h{ font-size: 0.4rem; line-height: 0.5rem; color: #fff; font-weight: 600; margin-bottom: 0.25rem;}
.abandonmaxbox .wli .ter .p{ font-size: 0.24rem; line-height: 0.36rem; color: #fff;}
.abandonmaxbox .wli .tit{ position: absolute; left: 0; right: 0; bottom: 1.15rem; font-size: 0.4rem; line-height: 0.5rem; color: #fff; font-weight: 600; text-align: center; z-index: 5; transition: all 0.5s;}
.abandonmaxbox .wli.cur .tit{ opacity: 0;}
.protectboxmax{ margin: 0.9rem 0 0 0;}
.protectboxmax .tit{ font-size: 0.28rem; line-height: 0.38rem; color: #3A3A3A;}
.protectboxmax .slist{ margin: 0 -0.14rem; display: flex; flex-wrap: wrap;}
.protectboxmax .slist .wli{ margin: 0.24rem 0.14rem 0 0.14rem; width: calc((100% - 0.85rem) / 3); min-height: 3.23rem; position: relative;}
.protectboxmax .slist .wli::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #D7D7D7;}
.protectboxmax .slist .wli .mk{ padding: 0.4rem;}
.protectboxmax .slist .wli .p{ font-size: 0.2rem; line-height: 0.36rem; color: #676767;}
.protectboxmax .slist .wli .n{ font-size: 0.5rem; line-height: 1; color: #0089D0; font-weight: 600; margin-bottom: 0.2rem;}
.protectboxmax .slist .wli::before{ width: 0; height: 3px; background: #0089D0; position: absolute; top: 0; left: 0; z-index: 5; content: ''; transition: all 0.5s;}
.protectboxmax .slist .wli:hover::before{ width: 100%;}
.safetytextwat{ display: block;}
.safetytextwat .ter{ padding: 0;}
.safetytextwat .m{ margin: 0.5rem 0 0 0; justify-content: space-between; width: auto;    flex-wrap: wrap;}
.safetytextwat .m .li{ width: 8rem; margin: 0 0 .4rem 0!important;}
.safetytextwat .m .li i{ height: 4.24rem;}
.safetytextwat .m .li p{ font-size: 0.24rem; line-height: 0.34rem; margin-top: 0.3rem;}
.safetytext .table{ margin-top: 1.1rem;}
.safetytext .table p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.safetytext .table table{ width: 100%; border-collapse: collapse; border: none; margin: 0; padding: 0;}
.safetytext .table table thead th{ background: #0089D0; font-size: 0.28rem; line-height: 0.6rem; text-align: center; color: #fff; font-weight: 600;}
.safetytext .table table tbody tr td{ background: #E4F5FE;}
.safetytext .table table tbody tr td:first-child{ width: 4.6rem; text-align: center;}
.safetytext .table table tbody tr:nth-child(2n) td{ background: #fff;}
.safetytext .table table tbody tr em{ font-size: 0.24rem; line-height: 0.34rem; padding: 0.15rem 0.36rem; font-style: normal; min-height: 0.48rem; display: flex; align-items: center; color: #3A3A3A;}
.safetytext .table table tbody tr td:first-child em{ justify-content: center;}
.safetytext .table table tbody tr td:first-child,
.safetytext .table table thead tr th:first-child{ border-right: 3px solid #fff;}
.safetytext .ter .p img{ display: block; margin: auto; max-width: 100%;}
.safetyboxmax90{ padding: 0.9rem 0;}
.safetyboxmax90 .safetytext{ margin: 0;}
.safetyboxmax120{ padding: 0.9rem 0 1.2rem 0;}
.safetyboxmax120 .safetytext{ margin: 0;}
.cardlist{ display: flex; justify-content: space-between; margin-top: 0.45rem;}
.cardlist .li{ width: 8.06rem; background: #fff; position: relative;}
.cardlist .li::after{ content: ''; width: 0; height: 3px; background: #0089D0; position: absolute; top: 0; left: 0; transition: all 0.5s; opacity: 0;}
.cardlist .li:hover::after{ width: 100%; opacity: 1;}
.cardlist .li .mk{ padding: 0.6rem 1rem 0.6rem 0.6rem;}
.cardlist .li .mk .tp{ display: flex; align-items: center; margin-bottom: 0.4rem;}
.cardlist .li .mk .tp .i{ width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #D7D7D7; margin-right: 0.25rem;}
.cardlist .li .mk .tp .i img{ display: block; width: 100%;}
.cardlist .li .mk .tp .h{ font-size: 0.2rem; font-weight: 600; color: #3A3A3A; line-height: 0.3rem;}
.cardlist .li .mk .p i{ display: block; font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; position: relative; padding-left: 0.8rem; font-style: normal;}
.cardlist .li .mk .p i + i{ margin-top: 0.4rem;}
.cardlist .li .mk .p i::after{ content: ''; width: 0.24rem; position: absolute; top: 0; left: 0.3rem; height: 0.3rem; background: url(../images/develmg/climate6.png) no-repeat center; background-size: 100% auto;}
.specialboxmax{ margin-top: 0.6rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.specialboxmax .li{ width: 8.23rem; background: #F7F7F7;}
.specialboxmax .li .m{ width: 100%; height: 4.8rem; overflow: hidden;}
.specialboxmax .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.specialboxmax .li .ter{ padding: 0.4rem 0.45rem 0.45rem 0.4rem;}
.specialboxmax .li .ter .h{ font-size: 0.32rem; line-height: 0.42rem; color: #3A3A3A; font-weight: 600; margin-bottom: 0.2rem;}
.specialboxmax .li .ter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.safetyboxtop90{ padding: 0.9rem 0 0 0;}
.safetytext0{ margin: 0;}
/*.safetyboxmax120{ padding: 1.2rem 0;}*/
.safetyboxtop120{ padding: 1.2rem 0 0 0;}
.specialboxlist{ margin: 0.5rem 0 0 0;}
.specialboxlist .li{ display: flex; justify-content: space-between; align-items: center;}
.specialboxlist .li .m{ width: 8.36rem; min-height: 5.2rem; overflow: hidden;}
.specialboxlist .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.specialboxlist .li .ter{ width: 7.54rem;}
.specialboxlist .li .ter .h{ font-size: 0.32rem; line-height: 0.42rem; color: #3A3A3A; font-weight: 600; margin-bottom: 0.3rem;}
.specialboxlist .li .ter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.safetytextspae{ display: flex; justify-content: space-between; align-items: flex-start; /*flex-direction: row-reverse;*/}
.safetytextspae .m{ width: auto; margin-left: 1rem; flex-shrink: 0;}
.safetytextspae .m img{ display: block; width: 2.55rem; height: auto;}
.safetytextspae .ter{ width: auto;}
.specialtable{ margin-top: 0.4rem;}
.specialtable .h{ font-size: 0.28rem; line-height: 0.38rem; color: #0089D0; font-weight: 600; text-align: center; margin-bottom: 0.2rem;}
.specialtable .atable .wli{ display: flex; border-right: 1px solid #3A3A3A;}
.specialtable .atable .wli .li{ width: 2.5rem; display: flex; align-items: center; border-top: 1px solid #3A3A3A;}
.specialtable .atable .wli .li:nth-child(2){ width: calc(100% - 2.5rem);}
.specialtable .atable .wli:last-child .li{ border-bottom: 1px solid #3A3A3A;}
.specialtable .atable .wli:last-child .li:first-child{ border-bottom: #0089D0;}
.specialtable .atable .wli:first-child .li:first-child{ border-top-color: #0089D0;}
.specialtable .atable .wli .li:first-child{ background: #0089D0; justify-content: center;}
.specialtable .atable .wli em{ display: block; font-style: normal; font-size: 0.24rem; line-height: 0.36rem; color: #fff; text-align: center; padding: 0.16rem;}
.specialtable .atable .wli .mk{ padding: 0.18rem 0.45rem 0.18rem 0.32rem;}
.specialtable .atable .wli .mk p{ font-size: 0.2rem; line-height: 0.34rem; color: #3A3A3A; position: relative; padding-left: 0.22rem;}
.specialtable .atable .wli .mk p::after{ content: ''; width: 0.06rem; height: 0.06rem; background: #0089D0; border-radius: 100%; position: absolute; top: 0.14rem; left: 0;}
.specialtable .atable .wli .mk p + p{ margin-top: 0.1rem;}
.safetyboxmaxone80{ padding: 0.8rem 0 0.9rem 0;}
.valueboxmaxlist{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5rem;}
.valueboxmaxlist .li{ width: 8.06rem; position: relative; overflow: hidden;}
.valueboxmaxlist .li .m{ width: 100%; height: 4.58rem; overflow: hidden;}
.valueboxmaxlist .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.valueboxmaxlist .li .ter{ position: absolute; left: 0; right: 0; bottom: -100%; background: hsla(0,0%,100%,0.90); padding: 0.35rem 0.4rem 0.35rem 0.6rem; opacity: 0;}
.valueboxmaxlist .li:hover .ter{ transition: all 0.5s; bottom: 0; opacity: 1;}
.valueboxmaxlist .li .ter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; margin-top: 0.2rem;}
.valueboxmaxlist .li .ter .n{ border-bottom: 1px solid #DBDBDB; position: relative; font-size: 0.22rem; line-height: 0.3rem; color: #3A3A3A; font-weight: 600; padding-bottom: 0.2rem;}
.valueboxmaxlist .li .ter .n::after{ content: ''; width: 2.38rem; height: 3px; background: #0089D0; position: absolute; left: 0; bottom: -1px;}
.valueboxmaxlist .li .h{ transition: all 0.5s; font-size: 0.22rem; line-height: 0.3rem; font-weight: 600; color: #fff; text-align: center; position: absolute; left: 0; right: 0; bottom: 0.35rem;}
.valueboxmaxlist .li:hover .h{ transition: unset; bottom: 0; opacity: 0;}
.valueboxmaxter{ margin-top: 0.4rem;}
.valueboxmaxter .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A;}
.valueboxmaxter .m{ display: flex; justify-content: center; margin-top: 0.5rem;}
.valueboxmaxter .m img{ display: block; height: 5.08rem; margin: 0 0.3rem;}
.valueboxmaxdown{ margin-top: 0.5rem;}
.valueboxmaxdown .wli + .wli{ margin-top: 0.3rem;}
.valueboxmaxdown .wli{ background: #fff; padding: 0.34rem 0.4rem;}
.valueboxmaxdown .wli .tp{ display: flex; justify-content: space-between; align-items: flex-start;}
.valueboxmaxdown .wli .tp .h{ font-size: 0.22rem; line-height: 0.32rem; font-weight: 600; color: #3A3A3A;}
.valueboxmaxdown .wli .tp .sole{ width: 0.31rem; height: 0.32rem; background: url(../images/develmg/add1.png) no-repeat center; background-size: 100% auto; cursor: pointer; transition: all 0.5s;}
.valueboxmaxdown .wli .tp .sole:hover{ transform: rotate(180deg);}
.valueboxmaxdown .wli.cur .tp .sole{ background: url(../images/develmg/add2.png) no-repeat center; background-size: 100% auto;}
.valueboxmaxdown .wli .ter{ border-top: 2px solid #F7F7F7; margin-top: 0.34rem; padding-top: 0.2rem; overflow: hidden; display: none;}
.valueboxmaxdown .wli .ter p{ font-size: 0.18rem; color: #3A3A3A; line-height: 0.3rem; margin-bottom: 0.1rem;}
.valueboxmaxdown .wli .ter h1{ font-size: 0.2rem; line-height: 0.3rem; font-weight: 600; color: #3A3A3A; margin-bottom: 0.1rem;}
.valueboxmaxdown .wli .ter img{ width: 1.94rem; float: right;}
.valueboxmaxweke{ margin: 0.5rem 0 0 0;}
.valueboxmaxweke .more{ display: flex; flex-wrap: wrap;}
.valueboxmaxweke .more a,
.valueboxmaxweke .more span{ font-size: 0.2rem; line-height: 0.3rem; font-weight: 600; color: #3A3A3A; position: relative; transition: all 0.5s;}
.valueboxmaxweke .more span{ margin-right: 0.46rem; cursor: pointer;}
.valueboxmaxweke .more span:last-child{ margin-right: 0;}
.valueboxmaxweke .more span::after{ content: '/'; width: 0.46rem; position: absolute; top: 0; right: -0.46rem; font-size: 0.2rem; text-align: center; color: #3A3A3A;}
.valueboxmaxweke .more span:last-child::after{ display: none;}
.valueboxmaxweke .more span:hover,
.valueboxmaxweke .more span.cur{ color: #2E74AA;}
.valueboxmaxweke .slist{ display: none; margin-top: 0.5rem;}
.valueboxmaxweke .slist.cur{ display: flex;flex-wrap: wrap}
.valueboxmaxweke .slist .li{ position: relative; width: calc((100% - 3.54rem) / 4);margin-bottom: .4rem;margin-right: 1.18rem;}
.valueboxmaxweke .slist .li::after{ width: 1.18rem; height: 100%; background: url(../images/develmg/special12.png) no-repeat center; background-size: 0.32rem auto; position: absolute; top: 0; right: -1.18rem; content: '';}
.valueboxmaxweke .slist .li::before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #D7D7D7; content: '';}
.valueboxmaxweke .slist .li .mk{ padding: 0.4rem 0.3rem;}
.valueboxmaxweke .slist .li .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; margin-top: 0.25rem;}
.valueboxmaxweke .slist .li .h{ display: flex; justify-content: center;}
.valueboxmaxweke .slist .li .h i{ font-style: normal; font-size: 0.2rem; line-height: 0.46rem; text-align: center; border: 1px solid #D7D7D7; border-radius: 0.35rem; min-width: 2.3rem;}
.valueboxmaxweke .slist .li:nth-child(4n){margin-right: 0}
.valueboxmaxweke .slist .li:nth-child(4n)::after{display: none}
.valueboxmaxweke .slist .li:last-child::after{display: none}
.safetyboxmaxitem{ padding: 0.8rem 0 1.2rem 0;}
.itemmaxlist .wli + .wli{ margin-top: 1.2rem;}
.itemmaxlist{ margin-top: 0.9rem;}
.itemmaxlist .tit .h{ font-size: 0.48rem; line-height: 0.58rem; color: #3A3A3A; font-weight: 600; margin-bottom: 0.2rem;}
.itemmaxlist .tit .p{ font-size: 0.24rem; line-height: 0.34rem; color: #3A3A3A;}
.itemmaxlist .img{ margin-top: 0.6rem; display: flex; justify-content: space-between; align-items: center; background: #F7F7F7;}
.itemmaxlist .img .m{ width: 8.36rem; min-height: 5.2rem; overflow: hidden;}
.itemmaxlist .img .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.itemmaxlist .img .p{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; width: 6.65rem; padding: 0 0.9rem 0 0;} 
.itemmaxlist .wli:nth-child(2n) .img .p{ width: 6.75rem; padding: 0 0 0 0.8rem;}
.itemmaxlist .wli:nth-child(2n) .img{ flex-direction: row-reverse;}
.societymaxlist{ width: 15.51rem; margin: 0.4rem auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.societymaxlist .li{ width: 7.65rem; background: #F7F7F7; margin: 0.22rem 0 0 0; position: relative;}
.societymaxlist .li::after{ content: ''; width: 0; height: 3px; position: absolute; top: 0; left: 0; opacity: 0; background: #0089D0; transition: all 0.5s;}
.societymaxlist .li:hover::after{ width: 100%; opacity: 1;}
.societymaxlist .li .mk{ padding: 0.7rem 0.42rem 0.65rem 0.42rem;}
.societymaxlist .li .mk .p{ font-size: 0.2rem; line-height: 0.3rem; color: #3A3A3A; margin-top: 0.3rem;}
.societymaxlist .li .mk .tp{ display: flex;}
.societymaxlist .li .mk .tp .m{ width: 0.34rem; height: 0.34rem; margin-right: 0.2rem;}
.societymaxlist .li .mk .tp .m img{ display: block; width: 100%;}
.societymaxlist .li .mk .tp .h{ font-size: 0.24rem; font-weight: 600; line-height: 0.34rem; color: #0089D0;}
.societymaxpeople .imgbos .sp{ font-size: 0.18rem; line-height: 0.3rem; color: #3A3A3A; margin-bottom: 0.6rem;}
.societymaxpeople .imgbos .mk{ width: 14.05rem; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.societymaxpeople .imgbos .mk .li{ width: 6.9rem; position: relative;}
.societymaxpeople .imgbos .mk .li .m{ width: 100%; height: 3.9rem; overflow: hidden; position: relative;}
.societymaxpeople .imgbos .mk .li .m::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; background: #000;}
.societymaxpeople .imgbos .mk .li:hover .m::after{ opacity: 0.6;}
.societymaxpeople .imgbos .mk .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.societymaxpeople .imgbos .mk .li .h{ font-size: 0.24rem; color: #fff; line-height: 0.34rem; position: absolute; top: 0.5rem; left: 0.58rem;}
.societymaxpeople .imgbos .mk .li .p{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; position: absolute; left: 0.58rem; bottom: 0rem; right: 0.58rem; opacity: 0; transition: all 0.5s;}
.societymaxpeople .imgbos .mk .li:hover .p{ bottom: 0.45rem; opacity: 1;}
.societymaxpeople{ margin-top: 0.7rem;}
.swipersociety .h{ padding: 0 0.2rem 0.28rem 0.2rem; font-size: 0.24rem; color: #3A3A3A; line-height: 1; white-space: nowrap; cursor: pointer; position: relative; text-align: center;}
.swipersociety .h::after{ content: ''; width: 0; height: 3px; background: #0089D0; position: absolute; left: 50%; bottom: 0; transition: all 0.5s; opacity: 0; transform: translateX(-50%);}
.swipersociety .swiper-slide{ width: auto;}
.swipersociety{ border-bottom: 1px solid #D7D7D7; margin-bottom: 0.6rem; display: flex; align-items: flex-start;}
.swipersociety .em{ width: 0.36rem; height: 0.24rem; background: url(../images/develmg/special23.png) no-repeat left center; background-size: 0.11rem auto; cursor: pointer; transition: all 0.5s;}
.swipersociety .em2{ transform: rotate(180deg);}
.swipersociety .em:hover{ background: url(../images/develmg/special23s.png) no-repeat left center; background-size: 0.11rem auto;}
.swipersociety .em.emcur{ opacity: 0.3; cursor: auto; background: url(../images/develmg/special23.png) no-repeat left center; background-size: 0.11rem auto;}
.swipersociety .swiper{ width: calc(100% - 0.72rem);}
.mySwiper2 .swiper-button-next,
.mySwiper2 .swiper-button-prev,
.mySwiper2 .swiper-pagination{ display: none;}
.swipersociety .swiper-slide:hover .h::after,
.swipersociety .swiper-slide-thumb-active .h::after{ width: 100%; opacity: 1;}
/*.societymaxpeople .imgbos .wli{ display: none;}
.societymaxpeople .imgbos .wli.cur{ display: block;}*/
.safetylinebox{ display: flex; justify-content: center; margin: 0.3rem 0 0 0;}
.safetylinebox .li{ width: calc(100% / 3);}
.safetylinebox .li .p{ font-size: 0.24rem; line-height: 0.34rem; color: #3A3A3A; text-align: center; margin-top: 0.5rem;}
.safetylinebox .li .linw{ width: 100%; height: 3.5rem; margin: auto;}
.reportmaxone{ padding: 0.4rem 0 1.2rem 0;}
.reportmaxone .mk{ display: flex; flex-wrap: wrap;}
.reportmaxone .mk .wli{ position: relative; margin: 0.5rem 0.12rem 0 0.12rem; width: calc((100% - 1.2rem) / 5);}
.reportmaxone .mk .wli .m{ width: 100%; height: 4.44rem; overflow: hidden; position: relative;border: 1px solid #ccc}
.reportmaxone .mk .wli .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.6s ease;}
.reportmaxone .mk .wli:hover .m img{ transform: scale(1.1);}
.reportmaxone .mk .wli .m .play{ width: 0.32rem; height: 0.32rem; background: url(../images/develmg/special29.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; z-index: 5; transition: all 0.5s; opacity: 0;}
.reportmaxone .mk .wli:hover .m .play{ opacity: 1;}
.reportmaxone .mk .wli .m .play:hover{ transform: translate(-50%,-50%) scale(1.1);}
.reportmaxone .mk .wli .m a{ display: block; width: 0.3rem; height: 0.32rem; position: absolute; right: 0.2rem; bottom: 0.2rem; background: url(../images/develmg/special30.png) no-repeat center; background-size: 100% auto; z-index: 5; opacity: 0; transition: all 0.5s;}
.reportmaxone .mk .wli:hover .m a{ opacity: 1;}
.reportmaxone .mk .wli .m a:hover{ transform: scale(1.1);}
.reportmaxone .mk .wli .m::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: all 0.5s;}
.reportmaxone .mk .wli:hover .m::after{ opacity: 0.5;}
.reportmaxone .mk .wli .p{ font-size: 0.22rem; line-height: 0.34rem; text-align: center; color: #3A3A3A; margin-top: 0.3rem; transition: all 0.5s; cursor: pointer;}
.reportmaxone .mk .wli:hover .p{ color: #0089D0;}
.reportimguo{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: -99999; opacity: 0;}
.reportimguo2{ opacity: 1; z-index: 99999;}
.reportimguo .up{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.reportimguo .cont{ width: 80%; height: 80%; position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; transition: all 0.5s; transform: scale(0.4);}
.reportimguo2 .cont{ opacity: 1; transform: scale(1);}
.reportimguo .cont img{ display: block; width: 100%; height: 100%; object-fit: contain;}
.reportimguo .sole{ width: 30px; height: 30px; position: absolute; top: 0.2rem; right: 0.2rem; cursor: pointer; z-index: 10; transition: all 0.5s;}
.reportimguo .sole i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.reportimguo .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}
.reportimguo .sole:hover{ transform: rotate(180deg);}

.systemboxmaxtwo .wli .ter .p{ max-height: 3.5rem; overflow-y: auto;}
.systemboxmaxtwo .wli .ter .p::-webkit-scrollbar{ width: 4px; background: #fff; border-radius: 2px;}
.systemboxmaxtwo .wli .ter .p::-webkit-scrollbar-thumb{ width: 4px; background: #eee;}
.systemboxmaxnews .slist .bt .wli .ter .p{ max-height: 3.8rem; overflow-y: auto;}
.systemboxmaxnews .slist .bt .wli .ter .p::-webkit-scrollbar{ width: 4px; background: #fff; border-radius: 2px;}
.systemboxmaxnews .slist .bt .wli .ter .p::-webkit-scrollbar-thumb{ width: 4px; background: #eee;}
.itemmaxlist .img .p{ max-height:4.4rem; overflow-y: auto;}
.itemmaxlist .img .p::-webkit-scrollbar{ width: 4px; background: #F7F7F7; border-radius: 2px;}
.itemmaxlist .img .p::-webkit-scrollbar-thumb{ width: 4px; background: #eee;}
.abandonmaxbox .wli .m img,
.itemmaxlist .img .m img,
.safetytextocc .ter .img .li .n img,
.occupationboxmax .wli .tp .h,
.societymaxpeople .imgbos .mk .li .m img,
.safetytext .m img,
.specialboxmax .li .m img,
.specialboxmax .li .ter .h,
.specialboxlist .li .m img,
.systemboxmaxtwo .wli .m img,
.systemboxmaxtwo .wli .ter .h,
.systemboxmaxnews .slist .bt .wli .m img,
.systemboxmaxnews .slist .bt .wli .ter .h,
.valueboxmaxlist .li .m img,
.valueboxmaxdown .wli .tp .h{ transition:all 0.6s ease;}

/*.safetytext .m img:hover,*/
.abandonmaxbox .wli:hover .m img,
.itemmaxlist .img:hover .m img,
.safetytextocc .ter .img .li:hover .n img,
.societymaxpeople .imgbos .mk .li:hover .m img,
.specialboxmax .li:hover .m img,
.specialboxlist .li .m:hover img,
.systemboxmaxtwo .wli:hover .m img,
.systemboxmaxnews .slist .bt .wli:hover .m img,
.valueboxmaxlist .li:hover .m img{ transform: scale(1.1);}

/*.systemboxmaxtwo .wli:hover .ter .h,*/
.occupationboxmax .wli:hover .tp .h,
.specialboxmax .li:hover .ter .h,
.systemboxmaxnews .slist .bt .wli:hover .ter .h,
.valueboxmaxdown .wli:hover .tp .h,
.fyfcbotlist .swiper-slide:hover p{ color: #0089D0;}

.watervlist{ margin-top: 5px;}
.watervlist .tp{ display: flex; justify-content: space-between; margin-bottom: 0.5rem;}
.watervlist .tp .li{ width: calc(50% - 2.5px); background: #D7F1FF; text-align: center; font-size: 0.3rem; color: #3A3A3A; line-height: 0.9rem; cursor: pointer; transition: all 0.5s;}
.watervlist .tp .li:hover,
.watervlist .tp .li.cur{ color: #fff; background: #0089D0;}
.watervlist .bt .li{ display: none;}
.watervlist .bt .li.cur{ display: block;}

.reportmaxone .mk .wli .m .play a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;}

.safetylinebox .li .vicon{ display: flex; justify-content: center;}
.safetylinebox .li .vicon .v{ font-size: 0.18rem; line-height: 1; color: #3A3A3A; position: relative; padding-left: 0.26rem;}
.safetylinebox .li .vicon .v + .v{ margin-left: 0.28rem;}
.safetylinebox .li .vicon .v::after{ content: ''; width: 0.16rem; height: 0.16rem; position: absolute; top: 0.01rem; left: 0; background: #0085C9;}
.safetylinebox .li .vicon .v:nth-child(2)::after{ background: #63E2D8;}
.safetylinebox .li .vicon .v:nth-child(3)::after{ background: #C2E3F5;}

.fysousuo .fyssysr{ position: relative;}
.fysousuo .fyssysr .downfyssysr{ position: absolute; top: 5px; right: calc(10px + 24%); background: #fff; height: 0.5rem; z-index: 10;}
.fysousuo .fyssysr .downfyssysr .tp i{ white-space: nowrap; display: block; font-size: 0.16rem; color: #3a3a3a; line-height: 0.5rem; font-style: normal;}
.fysousuo .fyssysr .downfyssysr .tp{ position: relative; padding: 0 0.3rem 0 0.15rem; min-width: 1.3rem; cursor: pointer;}
.fysousuo .fyssysr .downfyssysr .tp::after{ content: ''; position: absolute; top: 0; right: 0; width: 0.3rem; height: 100%; background: url(../images/develmg/special23w.png) no-repeat center; background-size: 0.12rem auto; transition: all 0.5s;}
.fysousuo .fyssysr .downfyssysr:hover .tp::after{ transform: rotate(180deg);}
.fysousuo .fyssysr .downfyssysr .bt{ display: none;  top: 0.5rem; padding-top: 6px; position: absolute; left: 0; min-width: 100%;}
.fysousuo .fyssysr .downfyssysr:hover .bt{ display: block;}
.fysousuo .fyssysr .downfyssysr .bt .mk{ background: #fff; padding: 10px 0; box-shadow: 0 0 10px #eee;}
.fysousuo .fyssysr .downfyssysr .bt .mk .li{ padding: 0 0.15rem; font-size: 0.15rem; line-height: 0.36rem; cursor: pointer; transition: all 0.5s;}
.fysousuo .fyssysr .downfyssysr .bt .mk .li:hover{ background: #4174a9; color: #fff;}

.imgcurrt{ width: 14.98rem; height: 4.3rem; margin: 0.4rem auto 0; position: relative;}
.imgcurrt .m{ position: absolute; top: 0.2rem; left: 3.12rem;}
.imgcurrt .m img{ display: block; width: 8.67rem;}
.imgcurrt .wk .li1{ position: absolute; top: 0.8rem; left: 0; padding-right: 3.9rem; min-height: 1.11rem; background: url(../images/develmg/system3s1.png) no-repeat center right; background-size: auto 100%; width: 2.25rem;}
.imgcurrt .wk .li{ transition: all 0.5s; opacity: 0; font-size: 0.16rem; color: #0089D0; line-height: 0.28rem; display: flex; align-items: center;}
.imgcurrt .wk .li2,
.imgcurrt .wk .li3,
.imgcurrt .wk .li4{ position: absolute; top: 0; right: 0; padding-left: 4.5rem; background: url(../images/develmg/system3s2.png) no-repeat left center; background-size: auto 100%; width: 2.25rem; min-height: 1.1rem;}
.imgcurrt .wk .li.cur{ opacity: 1;}
.imgcurrt .wk .li3{ top: 1.6rem;}
.imgcurrt .wk .li4{ top: 3.2rem;}
.imgcurrt .nk .li{ width: 2.8rem; height: 0.72rem; cursor: pointer; position: absolute;}
.imgcurrt .nk .li1{ top: 1rem; left: 3.12rem;}
.imgcurrt .nk .li2,
.imgcurrt .nk .li3,
.imgcurrt .nk .li4{ left: 6.4rem; top: 0.2rem;}
.imgcurrt .nk .li3{ top: 1.8rem;}
.imgcurrt .nk .li4{ top: 3.4rem;}

.sitemapmaxbox{ padding: 0.9rem 0 1.2rem 0;}
.sitemapmaxbox .contm{ width: 80%; margin: auto;}
.sitemapmaxbox .contm .wli{ display: flex; justify-content: space-between; align-items: flex-start; padding: 0.1rem 0.2rem; transition: all 0.5s;}
.sitemapmaxbox .contm .wli:hover{ box-shadow: 0 0 15px hsla(0,0%,0%,0.20);}
.sitemapmaxbox .contm .wli .right{ width: calc(100% - 1.8rem);}
.sitemapmaxbox .contm .wli .right .min{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sitemapmaxbox .contm .wli .right .min a{ display: block; padding: 0 0.1rem; font-size: 0.16rem; line-height: 0.44rem; background: #F7F7F7; text-align: center; border-radius: 0.22rem; transition: all 0.5s;}
.sitemapmaxbox .contm .wli .right .min a:hover{ background: #4174a9; color: #fff;}
.sitemapmaxbox .contm .wli .right .min .li{ min-width: 1.7rem; margin: 5px 10px 5px 0;}
.sitemapmaxbox .contm .wli .tit a{ display: block; font-size: 0.18rem; font-weight: 600; line-height: 0.44rem; margin: 5px 0; transition: all 0.5s;}
.sitemapmaxbox .contm .wli .tit a:hover{ color: #4174a9;}

.banner .swiper-button-prev::after, .banner .swiper-button-next::after{ display: none;}

.footerlsat{ text-align: center; margin-top: 0.5rem;}
.footerlsat p,
.footerlsat a{ font-size: 14px; line-height: 24px; color: #fff;}
.footerlsat a{ text-decoration: underline;}
.footerlsat a:hover{ opacity: 0.7;}

.topdowonbox{ display: none; position: fixed; right: 0.2rem; bottom: 0.3rem; width: 0.5rem; height: 0.5rem; border-radius: 0.1rem; background: #fff url(../images/top.png) no-repeat center; background-size: 0.4rem auto; cursor: pointer; border: 1px solid #eee; z-index: 60;}


@media only screen and (min-width:1025px){
    /*hover效果*/


	.strategyBoxTwo .em:hover{ background: #fff url(../images/develmg/strategy4s.png) no-repeat center; background-size: 100% auto;}

    .aaaa{transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
}

/***************************适配********************/
@media only screen and (max-width:1680px){
	.dynamicNavMin .contM .li a{ padding: 0 0.3rem;}
	.dynamicNavMin .contM .li + .li{ margin-left: 0.3rem;}
	.safetytext .ter{ padding: 0;}
	/* 20 -- 0.22rem */
	.dynamicNavMin .contM .li a,
	.chemistryboxmax .slist .li .ter,
	.cardlist .li .mk .tp .h,
	.protectboxmax .slist .wli .p,
	.societymaxlist .li .mk .p,
	.valueboxmaxdown .wli .ter h1,
	.valueboxmaxweke .more a, 
	.valueboxmaxweke .more span,
	.valueboxmaxweke .slist .li .h i{ font-size: 0.22rem;}
	
	.societymaxlist .li .mk .p,
	.protectboxmax .slist .wli .p,
	.valueboxmaxdown .wli .ter h1{ line-height: 0.38rem;}
	
	/* 18 -- 0.2rem */
	.safetyboxmaxone .up,
	.chemistryboxmax .text,
	.safetytext .ter .p,
	.itemmaxlist .img .p,
	.safetytextocc .ter .img .li .v,
	.occupationboxmax .wli .mk .p,
	.societymaxpeople .imgbos .sp,
	.safetyboxmaxtwo .ps,
	.specialboxmax .li .ter .p,
	.specialboxlist .li .ter .p,
	.strategyTitle .p,
	.strategyBoxTwo .swiper-slide .li .ps,
	.systemboxmaxtwo .wli .ter .p,
	.systemboxmaxnews .tit .p,
	.systemboxmaxnews .slist .bt .wli .ter .p,
	.valueboxmaxlist .li .ter .p,
	.valueboxmaxter .p,
	.valueboxmaxdown .wli .ter p,
	.valueboxmaxweke .slist .li .p,
	.safetytext .table p,
	.societymaxpeople .imgbos .mk .li .p{ font-size: 0.2rem; line-height: 0.34rem;}
	
	.cardlist .li .mk .p i,
	.strategyBoxTwo .swiper-slide .li .tit .t{ font-size: 0.2rem;}
	
	/* 16 -- 0.18rem */
	.develMaxBoxNews .slist .li .ter .t{ font-size: 0.18rem;}
	
	/* 14 -- 0.16rem */
	.develMore a i,
	.strategyBoxOne .img p{ font-size: 0.16rem;}
	
	.strategyBoxOne .img p{ line-height: 0.3rem;}
	
}
@media only screen and (max-width:1600px){}
@media only screen and (max-width:1440px){
	.dynamicNavMin .contM .li a{ padding: 0 0.25rem;}
	.dynamicNavMin .contM .li + .li{ margin-left: 0.25rem;}
	.specialtable .atable .wli .mk p::after{ top: 0.17rem;}
	.strategyBoxThree .img,
	.strategyBoxOne .img{ width: auto;}
	/* 24 -- 0.27rem */
	.abandonmaxbox .wli .ter .p,
	.itemmaxlist .tit .p,
	.safetylinebox .li .p,
	.specialtable .atable .wli em,
	.safetytext .table table tbody tr em,
	.safetytextwat .m .li p{ font-size: 0.27rem; line-height: 0.44rem;}
	
	.strategyNavTop .contM .li a,
	.chemistryboxmax .slist .li .tp .h,
	.societymaxlist .li .mk .tp .h,
	.societymaxpeople .imgbos .mk .li .h,
	.swipersociety .h{ font-size: 0.27rem;}
	
	/* 20 -- 0.24rem */
    .dynamicNavMin .contM .li a,
	.chemistryboxmax .slist .li .ter,
	.cardlist .li .mk .tp .h,
	.protectboxmax .slist .wli .p,
	.societymaxlist .li .mk .p,
	.valueboxmaxdown .wli .ter h1,
	.valueboxmaxweke .more a, 
	.valueboxmaxweke .more span,
	.valueboxmaxweke .slist .li .h i,
	.specialtable .atable .wli .mk p{ font-size: 0.24rem;}
	
	.chemistryboxmax .slist .li .ter,
	.societymaxlist .li .mk .p,
	.protectboxmax .slist .wli .p,
	.valueboxmaxdown .wli .ter h1,
	.specialtable .atable .wli .mk p{ line-height: 0.4rem;}
	
	/* 18 -- 0.21rem */
    .safetyboxmaxone .up,
	.chemistryboxmax .text,
	.safetytext .ter .p,
	.itemmaxlist .img .p,
	.safetytextocc .ter .img .li .v,
	.occupationboxmax .wli .mk .p,
	.societymaxpeople .imgbos .sp,
	.safetyboxmaxtwo .ps,
	.specialboxmax .li .ter .p,
	.specialboxlist .li .ter .p,
	.strategyTitle .p,
	.strategyBoxTwo .swiper-slide .li .ps,
	.systemboxmaxtwo .wli .ter .p,
	.systemboxmaxnews .tit .p,
	.systemboxmaxnews .slist .bt .wli .ter .p,
	.valueboxmaxlist .li .ter .p,
	.valueboxmaxter .p,
	.valueboxmaxdown .wli .ter p,
	.valueboxmaxweke .slist .li .p,
	.safetytext .table p,
	.societymaxpeople .imgbos .mk .li .p{ font-size: 0.21rem; line-height: 0.36rem;}
	
	.cardlist .li .mk .p i,
	.strategyBoxTwo .swiper-slide .li .tit .t{ font-size: 0.21rem;}
	
	/* 16 -- 0.189rem */
    .develMaxBoxNews .slist .li .ter .t{ font-size: 0.189rem;}
	
	/* 14 -- 0.16rem */
    .develMore a i,
	.strategyBoxOne .img p{ font-size: 0.16rem;}
	
	
}
@media only screen and (max-width:1366px){}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1200px){}
@media only screen and (max-width:1152px){}
/*---------------------------------平板----------------------------------------------*/
@media only screen and (max-width:1024px){
	/*.strategyNavTop .contM .li a{ line-height: 1.3rem;}*/
	.dynamicNavMin .contM{ flex-wrap: wrap; padding-top: 0.35rem;}
	.dynamicNavMin .contM .li a{ line-height: 0.7rem;}
	.dynamicNavMin .contM .li{ margin: 0.3rem 0.15rem 0 0.15rem!important;}
	.cardlist .li .mk .p i::after{ height: 0.48rem;}
	.safetytop .ps::after, .safetytop .ps::before{ height: 0.58rem;}
	.develMore a{ width: 1.7rem; }
	.develMore a i{ line-height: 0.5rem;}
	.societymaxlist{ width: auto;}
	.societymaxlist .li{ width: calc((100% - 0.22rem) / 2);}
	.societymaxpeople .imgbos .mk{ width: auto;}
	.societymaxpeople .imgbos .mk .li{ width: 8.2rem;}
	.societymaxpeople .imgbos .mk .li .m{ height: 4.7rem;}
	.strategyBoxThree .strategyTitle{ width: auto;}
	.valueboxmaxdown .wli .tp .sole{ height: 0.58rem;}
	
	/* 48 -- 0.54rem */
	.safetytext .ter .h{ font-size: 0.54rem; line-height: 0.68rem;}
	
	/* 30 -- 0.46rem */
	.systemboxmaxnews .slist .bt .wli .ter .h{ font-size: 0.46rem; line-height: 0.6rem;}
	
	/* 28 */
	.develnavMin .li a,
	.protectboxmax .tit,
	.specialtable .h,
	.systemboxmaxnews .slist .tp .li{ font-size: 0.38rem;}
	
	.protectboxmax .tit,
	.specialtable .h,
	.systemboxmaxnews .slist .tp .li{ line-height: 0.5rem;}
	
	/* 26 */
	.safetytop .ps,
	.valueboxmaxlist .li .h,
	.valueboxmaxlist .li .ter .n,
	.valueboxmaxdown .wli .tp .h{ font-size: 0.34rem; line-height: 0.58rem;}
	
	/* 24 -- 0.38rem */
   	/*.abandonmaxbox .wli .ter .p,*/
	.itemmaxlist .tit .p,
	/*.safetylinebox .li .p,*/
	.specialtable .atable .wli em,
	.safetytext .table table tbody tr em,
	.safetytextwat .m .li p{ font-size: 0.38rem; line-height: 0.52rem;}
	
	.strategyNavTop .contM .li a,
	.chemistryboxmax .slist .li .tp .h,
	.societymaxlist .li .mk .tp .h,
	.societymaxpeople .imgbos .mk .li .h,
	.swipersociety .h{ font-size: 0.38rem;}
	
	/* 20 -- 0.34rem */
    .dynamicNavMin .contM .li a,
	.chemistryboxmax .slist .li .ter,
	.cardlist .li .mk .tp .h,
	.protectboxmax .slist .wli .p,
	.societymaxlist .li .mk .p,
	.valueboxmaxdown .wli .ter h1,
	.valueboxmaxweke .more a, 
	.valueboxmaxweke .more span,
	.valueboxmaxweke .slist .li .h i,
	.specialtable .atable .wli .mk p{ font-size: 0.34rem;}
	
	.chemistryboxmax .slist .li .ter,
	.societymaxlist .li .mk .p,
	.protectboxmax .slist .wli .p,
	.valueboxmaxdown .wli .ter h1,
	.specialtable .atable .wli .mk p,
	.cardlist .li .mk .p i{ line-height: 0.48rem;}
	
	/* 18 -- 0.3rem */
    .safetyboxmaxone .up,
	.chemistryboxmax .text,
	.safetytext .ter .p,
	.itemmaxlist .img .p,
	.safetytextocc .ter .img .li .v,
	.occupationboxmax .wli .mk .p,
	.societymaxpeople .imgbos .sp,
	.safetyboxmaxtwo .ps,
	.specialboxmax .li .ter .p,
	.specialboxlist .li .ter .p,
	.strategyTitle .p,
	.strategyBoxTwo .swiper-slide .li .ps,
	.systemboxmaxtwo .wli .ter .p,
	.systemboxmaxnews .tit .p,
	.systemboxmaxnews .slist .bt .wli .ter .p,
	.valueboxmaxlist .li .ter .p,
	.valueboxmaxter .p,
	.valueboxmaxdown .wli .ter p,
	.valueboxmaxweke .slist .li .p,
	.safetytext .table p,
	.societymaxpeople .imgbos .mk .li .p{ font-size: 0.3rem; line-height: 0.48rem;}
	
	.cardlist .li .mk .p i,
	.strategyBoxTwo .swiper-slide .li .tit .t{ font-size: 0.3rem;}
	
	/* 16 -- 0.27rem */
   	.develMaxBoxNews .slist .li .ter .t{ font-size: 0.27rem;}
	
	/* 14 -- 0.23rem */
    .develMore a i,
	.strategyBoxOne .img p{ font-size: 0.23rem;}
	
	.chemistryboxmax .slist .li .ter,
	.protectboxmax .slist .wli .p,
	.societymaxlist .li .mk .p{ font-size: 0.3rem; line-height: 0.48rem;}

	.reportmaxone .mk .wli .m .play:hover {transform: inherit;  }
	.reportmaxone .mk .wli .m a:hover {transform: scale(1);  }
	
}
@media only screen and (max-width:992px){}
@media only screen and (max-width:870px){}
@media only screen and (max-width:768px){
	.dynamicNavMin .contM .li a{min-width: 1rem}
}
@media only screen and (max-width:750px){
	
	.safetyboxmaxone .main1674,
	.chemistryboxmax .main1674,
	.occupationboxmax .main1674,
	.systemboxmaxtwo .main1674,
	.systemboxmaxnews .main1674,
	.dynamicNavMin .main1674,
	.reportmaxone .main1674,
	.safetyboxmaxtwo .main1674,
	.systemboxmaxone .main1674{ width: 90%;}
	.abandonmaxbox .wli{ width: 100%!important;}
	.abandonmaxbox{ display: block;}
	.abandonmaxbox .wli .m::after{ opacity: 0!important;}
	.abandonmaxbox .wli .tit{ display: none;}
	.abandonmaxbox .wli .ter{ background: #F7F7F7; width: auto!important; opacity: 1!important; display: block; padding: 0.5rem 0.3rem; position: relative; z-index: 5; top: auto; left: auto;}
	.abandonmaxbox .wli .ter .h,
	.abandonmaxbox .wli .ter .p{ color: #3A3A3A;}
	.abandonmaxbox .wli .m{ width: 100%; height: auto; /*position: absolute; top: 0; left: 0; z-index: 0;*/}
	.abandonmaxbox .wli + .wli{ margin-top: 0.3rem;}
	.safetytop{ padding: 0.5rem 0.3rem;}
	.safetytop .ps{ padding: 0 0.3rem; font-size: 0.3rem;}
	.safetytop .ps::after{ top: -0.2rem; left: -0.1rem;}
	.safetytop .ps::before{ bottom: -0.2rem; right: -0.1rem; top: auto;}
	.chemistryboxmax .slist{ margin: 0; display: block;}
	.chemistryboxmax .slist .li{ width: auto!important; margin: 0.3rem 0 0 0!important;}
	.cardlist{ display: block;}
	.cardlist .li{ width: auto;}
	.cardlist .li + .li{ margin-top: 0.3rem;}
	.cardlist .li .mk{ padding: 0.6rem 0.5rem;}
	.w1670{ width: 90%;}
	.develMaxBoxFive .mk{ display: block; margin: 0;}
	.develMaxBoxFive{ padding: 0.4rem 0;}
	.develMaxBoxFive .wli{ width: auto!important; margin: 0!important;}
	.develMaxBoxFive .wli + .wli{ margin-top: 0.3rem!important;}
	.develMaxBoxFive .wli .m{ height: auto!important;}
	.develMaxBoxFive .wli .h{ display: none;}
	.develMaxBoxFive .wli .a{ opacity: 1!important; bottom: 0.4rem!important; font-weight: 600; left: 0.4rem; width: auto; right: auto;}
	.devellist .wli{ margin: 0;}
	.devellist .em{ left: 0.1rem; top: 2.5rem; z-index: 5;}
	.devellist .em2{ right: 0.1rem; left: auto;}
	.devellist .li{ width: 4rem;}
	.devellist .li .m i{ height: 5.6rem;}
	.devellist .li .p{ padding: 0.3rem 0 0 0; /*font-size: 0.28rem; line-height: 0.38rem;*/}
	.develMaxBoxNews .slist{ display: block; margin: 0.6rem 0;}
	.develMaxBoxNews .slist .li{ width: auto; margin: 0;}
	.develMaxBoxNews .slist .li + .li{ margin-top: 0.3rem;}
	.occupationboxmax .wli .mk{ display: block; margin-top: 0.2rem; padding: 0;}
	.occupationboxmax .wli .mk img{ width: 100%; margin: 0;}
	.occupationboxmax .wli{ padding: 0.3rem;}
	.occupationboxmax .wli .tp .h{ font-size: 0.34rem; line-height: 0.44rem;}
	.occupationboxmax .wli .tp .sole{ width: 0.3rem; height: 0.44rem;}
	.safetytextright .m{ justify-content: space-between; margin-bottom: 0.5rem;}
	.safetytextright .m i + i{ margin: 0;}
	.safetytextright .m i{ height: 4.5rem;}
	.safetytextright .ter{ width: auto;}
	.systemboxmaxone .img img{ width: 100%;}
	.systemboxmaxtwo .wli{ width: auto; display: block;}
	.systemboxmaxtwo .wli + .wli{ margin-top: 0.5rem;}
	.systemboxmaxtwo .wli .m{ width: 100%; min-height: inherit;}
	.systemboxmaxtwo .wli .ter{ width: auto; max-height: inherit; margin-top: 0.3rem;}
	.systemboxmaxtwo .wli .ter .p{ max-height: inherit;}
	.protectboxmax .slist{ display: block; margin: 0;}
	.protectboxmax .slist .wli{ width: auto; margin: 0.3rem 0 0 0; min-height: inherit;}
	.reportmaxone .mk{ justify-content: space-between; margin-top: -0.5rem;}
	.reportmaxone .mk .wli{ margin: 0.5rem 0 0 0; width: 3.2rem;}
	.reportmaxone .mk .wli .m::after{ opacity: 0.3;}
	.reportmaxone .mk .wli .m .play{ transform: none; top: auto; left: 0.2rem; bottom: 0.2rem; opacity: 1;}
	.reportmaxone .mk .wli .m a{ opacity: 1;}
	.reportmaxone .mk .wli .p{ margin-top: 0.2rem;}
	.safetylinebox{ display: block;}
	.safetylinebox .li{ width: 100%;}
	.safetylinebox .li .linw{ height: 4rem;}
	.safetylinebox .li + .li{ margin-top: 0.5rem;}
	.societymaxlist{ display: block;}
	.societymaxlist .li{ width: auto;}
	.societymaxlist .li .mk{ padding: 0.5rem 0.3rem;}
	.societymaxlist .li .mk .tp .m{ width: 0.42rem; height: 0.48rem; display: flex; justify-content: center; align-items: center;}
	.swipersociety .h{ padding: 0 0.2rem 0.2rem 0.2rem;}
	.swipersociety .em{ height: 0.48rem; background-size: 0.16rem auto!important;}
	.societymaxpeople .imgbos .mk{ display: block;}
	.societymaxpeople .imgbos .mk .li{ width: auto;}
	.societymaxpeople .imgbos .mk .li + .li{ margin-top: 0.3rem;}
	.societymaxpeople .imgbos .mk .li .m{ height: auto;}
	.societymaxpeople .imgbos .mk .li .h{ position: relative; top: auto; left: auto; color: #3A3A3A;}
	.societymaxpeople .imgbos .mk .li .ter{ background: #fff; padding: 0.4rem 0.3rem;}
	.societymaxpeople .imgbos .mk .li .p{ position: relative; left: auto; right: auto; bottom: auto!important; opacity: 1!important; color: #3A3A3A; margin-top: 0.2rem;}
	.specialboxmax{ display: block;}
	.specialboxmax .li{ width: auto;}
	.specialboxmax .li + .li{ margin-top: 0.3rem;}
	.specialboxmax .li .m{ height: auto;}
	.specialboxlist .li{ display: block; background: #F7F7F7;}
	.specialboxlist .li .m{ width: auto; min-height: inherit;}
	.specialboxlist .li .ter{ width: auto; padding: 0.5rem 0.3rem;}
	.safetytextspae .m{ margin: 0; width: auto;}
	.safetytextspae .m img{ display: block;}
	.specialtable .atable .wli{ display: block; border: 1px solid #3A3A3A;}
	.specialtable .atable .wli .li{ width: auto!important; height: auto!important; display: block; text-align: left; border: none!important;}
	.specialtable .atable .wli em{ text-align: left;}
	.specialtable .atable .wli em br{ display: none;}
	.specialtable .atable .wli + .wli{ margin-top: 0.2rem;}
	.w1668{ width: 90%;}
	.strategyBoxTwo .strategyTitle{ width: auto;}
	.strategyBoxTwo .swiper-slide .li{ position: relative; left: auto!important; bottom: auto!important; width: auto; min-height: inherit; padding-bottom: 0.3rem;}
	.strategyBoxTwo .swiper-slide .li + .li{ margin-top: 0.5rem;}
	.strategyBoxTwo .swiper{ margin: 0.5rem 0 0 0;}
	.strategyBoxTwo .swiper-slide{ min-height: inherit;}
	.systemboxmaxnews .slist .tp{ justify-content: flex-start; overflow-x: auto; overflow-y: hidden;}
	.systemboxmaxnews .slist .tp .li{ white-space: nowrap; margin: 0;}
	.systemboxmaxnews .slist .tp .li + .li{ margin-left: 0.5rem;}
	.systemboxmaxnews .slist .bt .wli a{ display: block;}
	.systemboxmaxnews .slist .bt .wli .m{ width: auto; min-height: inherit; margin-bottom: 0.5rem;}
	.systemboxmaxnews .slist .bt .wli .ter{ width: auto; padding: 0;}
	.systemboxmaxnews .slist .bt .wli .ter .p{ max-height: inherit;}
	.valueboxmaxlist{ display: block;}
	.valueboxmaxlist .li{ width: auto;}
	.valueboxmaxlist .li + .li{ margin-top: 0.3rem;}
	.valueboxmaxlist .li .h{ display: none;}
	.valueboxmaxlist .li .m{ height: auto;}
	.valueboxmaxlist .li .ter{ left: auto; right: auto; bottom: auto!important; position: relative; opacity: 1!important; background: #F7F7F7; padding: 0.3rem;}
	.valueboxmaxter .m{ justify-content: space-between;}
	.valueboxmaxter .m img{ margin: 0; height: 4.6rem;}
	.valueboxmaxdown .wli{ padding: 0.2rem 0.3rem;}
	.valueboxmaxdown .wli .tp .sole{ height: 0.48rem;}
	.valueboxmaxweke .slist{ }
	.valueboxmaxweke .slist .li{ width: auto; margin:0.8rem 0 0 0!important;}
	.valueboxmaxweke .slist .li .mk{ padding: 0.5rem 0.3rem;}
	.valueboxmaxweke .slist .li .h i{ min-width: 90%; line-height: 0.64rem!important;}
	.valueboxmaxweke .slist .li::after{ width: 0.32rem; height: 0.8rem; top: -0.8rem; left: 50%; transform: translateX(-50%) rotate(90deg);}
	.valueboxmaxweke .slist .li:nth-child(4n)::after,.valueboxmaxweke .slist .li:last-child::after{display: block !important;}
	.valueboxmaxweke .slist .li:first-child{margin-top: 0 !important;}
	.valueboxmaxweke .slist .li:first-child::after{display: none !important;}
	.safetytextwat .m{ display: block;}
	.safetytextwat .m .li{ width: auto;}
	.safetytextwat .m .li + .li{ margin-top: 0.5rem!important;}
	.safetytextwat .m .li i{ height: auto;}
	.safetytextwat .m .li i img{ width: 100%; height: auto;}
	.safetytext .table table thead th{ line-height: 0.8rem!important; white-space: nowrap;}
	.safetytext .table table tbody tr td:first-child{ width: auto;}
	.safetytext .table table tbody tr em{ padding: 0.15rem;}
	.dynamicNavMin .contMFlex{ justify-content: center!important;}
	
	.safetytext .m{ width: auto; margin-bottom: 0.5rem;}
	.safetytext .ter{ width: auto;}
	.develMore a i{ font-size: 0.24rem; line-height: 0.6rem; padding: 0 0.25rem 0 0; background-size: 0.18rem auto;}
	.develMore a{ width: auto; padding: 0 0.3rem;}
	.safetytext{ display: block;}
	.safetytextenv .m{ margin: 0.5rem 0 0 0; justify-content: space-between; flex-wrap: wrap;}
	.safetytextenv .m .li + .li{ margin: 0;}
	.safetytextenv .m .li p{ font-size: 0.24rem; line-height: 0.34rem;}
	.itemmaxlist .img{ display: block;}
	.itemmaxlist .img .m{ width: auto; min-height: inherit;}
	.itemmaxlist .img .p{ width: auto!important; max-height: inherit!important; padding: 0.3rem 0.25rem!important;}
	.safetytextocc .ter .img{ display: block; margin: 0.5rem 0 0 0;}
	.safetytextocc .ter .img .li{ width: auto; margin: 0;}
	.safetytextocc .ter .img .li + .li{ margin: 0.6rem 0 0 0;}
	.safetytextocc .ter .img .li .n{ height: auto;}
	.strategyNavTop .contM .li a{ font-size: 0.3rem; white-space: nowrap;}
	.dynamicNavMin .contM{ justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap;}
	.dynamicNavMin .contM .li a{ font-size: 0.28rem;min-width: 1.2rem}
	.dynamicNavMin .contM .li{ margin: 0!important; min-width: inherit;}
	.dynamicNavMin .contM .li + .li{ margin-left: 0.2rem!important;}
	.strategyNavTop .contM{ overflow-x: auto; overflow-y: hidden; justify-content: flex-start; width: auto; flex-wrap: nowrap;}
	.strategyNavTop .contM .li{ width: auto; margin: 0 0.2rem;}
	.reportimguo .cont{ width: 100%;}
	.strategyNavTop .contM::-webkit-scrollbar,
	.dynamicNavMin .contM::-webkit-scrollbar{ width: 0; height: 0;}
	
	.fysousuo .fyssysr .downfyssysr{ right: 5px;}
	.fysousuo .fyssysr .downfyssysr .tp i{ font-size: 0.24rem;}
	.fysousuo .fyssysr .downfyssysr .bt .mk .li{ font-size: 0.22rem; line-height: 0.5rem;}
	.fysousuo .fyssysr .downfyssysr .tp{ width: 1.7rem;}
	.fysousuo .fyssysr .downfyssysr .tp::after{ background-size: 0.2rem auto;}
	.fysousuo .fyssysr{ margin-bottom: 0.8rem;}
	.fysousuo .fyssysr .fyssri{ position: absolute; left: 0; right: 0; bottom: -0.7rem; width: auto;}
	
	.safetylinebox .li .vicon .v{ font-size: 0.22rem; line-height: 0.22rem; padding-left: 0.32rem;}
	.safetylinebox .li .vicon .v::after{ width: 0.22rem; height: 0.22rem;}
	
	.imgcurrt .m img{ width: 100%; margin: 0 0 0.5rem 0;}
	.imgcurrt{ width: auto; height: auto;}
	.imgcurrt .m,
	.imgcurrt .li{ width: auto!important; height: auto!important; position: relative!important; top: auto!important; left: auto!important; right: auto!important; opacity: 1!important;}
	.imgcurrt .wk .li{ padding: 0!important; margin: 0!important; background: hsla(0,0%,100%,0.00)!important; font-size: 0.24rem; line-height: 0.36rem; min-height: inherit;}
	.imgcurrt .wk .li + .li{ margin-top: 0.3rem!important;}
	.sitemapmaxbox .contm{ width: 90%;}
	.sitemapmaxbox .contm .wli{ display: block; padding: 0; margin: 0; box-shadow: unset!important;}
	.sitemapmaxbox .contm .wli + .wli{ padding-top: 0.3rem; margin-top: 0.3rem; border-top: 1px solid #eee;}
	.sitemapmaxbox .contm .wli .right{ display: block; width: auto; float: none;}
	.sitemapmaxbox .contm .wli .tit a{ font-size: 0.3rem; line-height: 0.4rem; margin: 0;}
	.sitemapmaxbox .contm .wli .right .min a{ font-size: 0.26rem; line-height: 0.56rem; padding: 0 0.15rem; border-radius: 0.3rem;}
	.sitemapmaxbox .contm .wli .right .min .li{ margin: 10px 0.2rem 0 0; min-width: 2rem;}
	
	
	
	/* 表单小字体 */
	.reportmaxone .mk .wli .p,
	.safetylinebox .li .p,
	.strategyBoxOne .img p{ font-size: 0.24rem; line-height: 0.36rem;}
	
	/* 表单标题 */
	.societymaxlist .li .mk .tp .h,
	.swipersociety .h,
	.societymaxpeople .imgbos .mk .li .h,
	.specialboxmax .li .ter .h,
	.specialboxlist .li .ter .h,
	.specialtable .h,
	.specialtable .atable .wli em,
	.strategyBoxTwo .swiper-slide .li .tit .h,
	.systemboxmaxnews .slist .tp .li,
	.systemboxmaxnews .slist .bt .wli .ter .h,
	.valueboxmaxlist .li .ter .n,
	.valueboxmaxdown .wli .tp .h,
	.valueboxmaxweke .slist .li .h i,
	.safetytext .table table thead th,
	.abandonmaxbox .wli .ter .h,
	.chemistryboxmax .slist .li .tp .h,
	.cardlist .li .mk .tp .h,
	.develnavMin .li a{ font-size: 0.34rem; line-height: 0.48rem; font-weight: bold;}
	
	
	/* 页面标题 */
	.safetytext .ter .h,
	.develTit,
	.itemmaxlist .tit .h,
	.systemboxmaxtwo .wli .ter .h,
	.protectboxmax .tit,
	.safetytitle .h,
	.strategyTitle .h,
	.systemboxmaxnews .tit .h,
	.chemistryboxmax .tit{ font-size: 0.4rem; line-height: 0.5rem; font-weight: 600;}
	
	/* 18 */
	.safetyboxmaxone .up,
	.chemistryboxmax .text,
	.safetytext .ter .p,
	.itemmaxlist .img .p,
	.safetytextocc .ter .img .li .v,
	.occupationboxmax .wli .mk .p,
	.societymaxpeople .imgbos .sp,
	.safetyboxmaxtwo .ps,
	.specialboxmax .li .ter .p,
	.specialboxlist .li .ter .p,
	.strategyTitle .p,
	.strategyBoxTwo .swiper-slide .li .ps,
	.systemboxmaxtwo .wli .ter .p,
	.systemboxmaxnews .tit .p,
	.systemboxmaxnews .slist .bt .wli .ter .p,
	.valueboxmaxlist .li .ter .p,
	.valueboxmaxter .p,
	.valueboxmaxdown .wli .ter p,
	.valueboxmaxweke .slist .li .p,
	.safetytext .table p,
	.societymaxpeople .imgbos .mk .li .p,
	.abandonmaxbox .wli .ter .p,
	.protectboxmax .slist .wli .p,
	.societymaxlist .li .mk .p,
	.specialtable .atable .wli .mk p,
	.valueboxmaxweke .more a,
	.valueboxmaxweke .more span,
	.safetytext .table table tbody tr em,
	.cardlist .li .mk .p i,
	.devellist .li .p,
	.develMaxBoxNews .slist .li .ter .p,
	.itemmaxlist .tit .p{ font-size: 0.28rem; line-height: 0.48rem;}

	/*.dynamicNavMin .contM{height: 1.2rem;overflow-y: hidden}*/
	/*.dynamicNavMin .contM .li{height: 1.2rem}*/

}
@media only screen and (max-width:720px){}
@media only screen and (max-width:640px){}
/*---------------------------------手机----------------------------------------------*/
@media only screen and (max-width:500px){}
@media only screen and (max-width:414px){}
@media only screen and (max-width:375px){}
@media only screen and (max-width:360px){}
@media only screen and (max-width:320px){}
/*1280*1024*/
@media (max-width:1280px) and (min-height:867px){}
@media (min-width:1025px) and (max-height:900px){}
@media only screen and (max-height:780px){}
@media (min-width:1025px) and (max-height:780px){}
@media only screen and (max-height:630px){}