html,
body,
form {
	width: 100%;
	height: 100%;
	font-size: calc(100vw/96);
	overflow: hidden;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #38adfc;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(42, 122, 181, 1);
	border-radius: 0;
	background: rgba(42, 122, 181, 1);
}

.whole {
	width: 100%;
	height: 100%;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/bg.jpg) no-repeat;
	background-size: 100% 100%;
}

.head-box {
	width: 100%;
	height: 4rem;
	text-align: center;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/title_bg.png) no-repeat;
	background-size: 100% 100%;
}

.head-box img {
	width: 25%;
	margin: 0.8rem 0 0;
}

.centre-whole {
	width: 100%;
	height: 60%;
	padding: 0 0.8rem 0.5rem;
	box-sizing: border-box;
}

.centre-whole .centre-box {
	width: 30.3%;
	height: 100%;
	float: left;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/oneBg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.centre-whole .centre-word {
	width: calc(39.4% - 2rem);
	height: 100%;
	float: left;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/wordBg.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 1rem;
	text-align: center;
}

.title {
	padding: 14px 0 16px 50px;
	box-sizing: border-box;
}

.title img {
	width: 7.5rem;
}

.singleBox {
	margin: 0.4rem 1rem 0 1.2rem;
}

.singleBox .single-title {
	background: linear-gradient(0deg, #27BAFF 0%, #ffffff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	font-size: 0.75rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}

.singleBox .single-title:before {
	content: '';
	width: 100%;
	height: 0.2rem;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/titleBg.png) no-repeat;
	background-size: 70% 100%;
	position: absolute;
	bottom: -0.1rem;
	left: 0;
}

.singleBox .fz-list 
{
       display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
    }

.fz-list .fz-box {
	float: left;
	width: calc(50% - 0.3rem);
	margin: 0.4rem 0.6rem 0 0;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/fzBg.png) no-repeat;
	background-size: 100% 100%;
}

.fz-list .fz-box:nth-child(2n+0) {
	margin: 0.4rem 0 0 0;
}

.fz-box .fz-titie {
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/sign_bg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 0.75rem;
	color: #FFFFFF;
	padding: 0.25rem 0;
	box-sizing: border-box;
	letter-spacing: 1px;
}

.fz-box .fz-word {
	width: 100%;
	display: inline-block;
	padding: 0 0.6rem 0.1rem 0.6rem;
	box-sizing: border-box;
}
.fz-word .notBox 
{
     text-align: center;
      margin: 6% 0 4%;
    }
    .notBox img 
    {
         width: 2.2rem;
        }
     .notBox span
     {
           font-size: 0.75rem;
            color: #fff;
            padding-left: 0.5rem;
         }
.fz-word .fz-left {
	width: 35%;
	float: left;
	position: relative;
}

.fz-word .leftBox {
	width: 100%;
	height: 2.8rem;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/fz_bg.png) no-repeat;
	background-size: 100% 100%;
}

.fz-left .per {
	width: 100%;
	font-size: 0.8rem;
	color: #00FFC0;
	position: absolute;
	top: 0.2rem;
	left: 0;
	text-align: center;
}

.fz-left .per span {
	font-size: 0.6rem;
}

.fz-left p {
	font-size: 0.6rem;
	color: #FFFFFF;
	margin-top: 0.1rem;
	text-align: center;
}

.fz-word .fz-right {
	width: 65%;
	float: left;
	padding: 0.3rem 0 0 0.6rem;
	box-sizing: border-box;
}

.fz-right p {
	font-size: 0.6rem;
	color: #33EEFF;
	padding-top: 0.3rem;
}

.zr-list {
	margin: 0.5rem 0;
}

.zr-list .zr-box {
	height: 2.4rem;
	line-height: 2.4rem;
	width: calc(50% - 0.3rem);
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/zrBg.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	display: flex;
	-webkit-box-align: center;
	justify-content: center;
	align-items: center;
}

.zr-list .zr-box:nth-child(2) {
	margin: 0 0 0 0.6rem;
}

.zr-box p {
	font-size: 0.7rem;
	color: #33EEFF;
	margin: 0 0.8rem 0 0;
	display: inline-block;
}

.zr-box span {
	font-size: 0.8rem;
	color: #33EEFF;
}

.zr-box .code {
	width: 2rem;
	height: 2rem;
	border-radius: 0.2rem;
	border: 1px solid #23FFFC;
	padding: 0.1rem;
	box-sizing: border-box;
	display: inline-block;
}

.code img {
	width: 100%;
	height: 100%;
	display: block;
}

.type-list {
	width: 100%;
	height: 5.8rem;
}

.type-list .btnBox {
	display: inline-flex;
	width: 1rem;
	height: 100%;
	position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 9;
	float: left;
}

.btnBox img {
	width: 100%;
	height: 100%;
	background-color: #032747;
}

.type-list .type-word {
	width: calc(100% - 2rem);
	padding: 0 0.2rem;
	box-sizing: border-box;
	float: left;
}

.type-word .type-box {
	width: 23%;
	height: 100%;
	padding: 0.2rem 0.7rem 0.3rem 0.7rem;
	box-sizing: border-box;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/typeBg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	margin: 0 0.2rem 0 0;
	display: inline-block;
	float: left;
	cursor:pointer;    
}

.type-box img {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: flex;
	margin: 0.2rem auto 0.2rem;
	box-shadow: 0 0 6px #26baff;
}

.type-box .typeTxt {
	font-size: 0.65rem;
	color: #21FCFF;
	display: block;
}

.type-box p {
	font-size: 0.7rem;
	color: #FFFFFF;
	padding: 0.1rem 0;
}

.type-box .phone {
	font-size: 0.6rem;
	color: #FFFFFF;
	display: block;
}

.centre-word .signImg {
	width: 3.8rem;
	margin: 3rem 0 1rem;
}

.centre-word .signTxt {
	background: linear-gradient(0deg, #27BAFF 0%, #ffffff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0.4rem;
}

.centre-word .list-txt {
	font-size: 0.8rem;
	color: #22FAF8;
	margin-top: 0.4rem;
}

.centre-word .moreBox {
	width: 5rem;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/moreBg.png) no-repeat;
	background-size: 100% 100%;
	margin: 0.8rem auto;
	padding: 0.3rem 0;
	box-sizing: border-box;
	font-size: 0.7rem;
	color: #15FFFD;
}

.centre-word .code-list {
	text-align: center;
}

.code-list .code-box {
	vertical-align: middle;
	display: inline-block;
}

.code-box p {
	font-size: 1.2rem;
	color: #5A7B8A;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0.4rem;
}

.code-list .code-word {
	vertical-align: middle;
	display: inline-block;
	margin: 0 0.8rem;
}

.code-word .codeImg {
	border-radius: 0.2rem;
	border: 1px solid #23FFFC;
	padding: 0.1rem;
	box-sizing: border-box;
}

.code-word p {
	font-size: 0.6rem;
	color: #23FFFC;
	margin: 0.1rem 0 0;
}

.centre-box .signBox {
	background: rgba(165, 101, 0, 0.5);
	border: 1px solid #FFA900;
	border-radius: 0.2rem;
	padding: 0.2rem 0.3rem;
	box-sizing: border-box;
	font-size: 0.7rem;
	color: #FFE533;
	position: absolute;
	top: 3rem;
	right: 1rem;
}
.signBox img {
	width: 0.75rem;
	margin: -0.1rem 0.2rem 0 0;
}
.first-box {
	position: relative;
	margin: 0.4rem 1rem 0.4rem 1.2rem;
}
.first-box:before {
	content: '';
	width: 100%;
	height: 1px;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/lineBg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: -0.2rem;
}
.risk-list .risk-box {
	width: 50%;
	margin: 0.3rem 0 0;
	float: left;
	padding: 0 0.8rem 0 0;
	box-sizing: border-box;
	position: relative;
}
.risk-list .risk-box:nth-child(2) {
	width: 50%;
	padding: 0 0.5rem 0 1.5rem;
	box-sizing: border-box;
}
.risk-list .risk-box:nth-child(2):before {
	content: '';
	width: 1px;
	height: 100%;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/line_one.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.risk-box .risk-title {
	margin: -0.3rem 0 0.5rem 0;
}
.risk-title p {
	font-size: 0.65rem;
	color: #27FFBF;
	background: linear-gradient(0deg, rgba(39,255,191,0.99) 0%, rgba(255,255,255,0.99) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	display: inline-block;
	margin-top: 1px;
	float: left;
}
.risk-title span {
	background-image: linear-gradient(#ffffff, #27FFBF);
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	margin: 0.3rem 0.2rem 0 0;
	display: inline-block;
	float: left;
}
.major-list {
	margin: 0.5rem 0 0;
}
.major-list .major-box {
	float: left;
	width: calc(50% - 0.1rem);
	margin: 0.2rem 0.2rem 0 0;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/majorBg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 0.65rem;
	color: #33EEFF;
	padding: 0.6rem 0;
	box-sizing: border-box;
}
.major-list .major-box:nth-child(2n+0) {
	margin: 0.2rem 0 0 0;
}
.major-box p {
	padding-top: 0.3rem;
}
.major-box span {
	font-size: 0.75rem;
}
.inspect-list .inspect-box {
	float: left;
	width: calc(50% - 0.2rem);
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/jcBg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 0.6rem 0;
	font-size: 0.6rem;
	color: #33EEFF;
}
.inspect-list .inspect-box:nth-child(2) {
	margin: 0 0 0 0.4rem;
}
.inspect-box p {
	display: inline-block;
}
.inspect-box .number {
	display: inline-block;
	font-size: 0.7rem;
	margin: 0 0 0 0.2rem;
}
.number span {
	font-size: 0.75rem;
}
.hidden-list .risk-box:nth-child(2):before {
	content: '';
	width: 1px;
	height: 100%;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/line_two.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.administer-list .risk-box {
	width: 100%;
}
.risk-title .infoBox {
	float: left;
	margin: 0 0 0 1rem;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/infoBg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 0.7rem;
	color: #33F2FE;
	padding: 0.05rem 0.4rem;
	box-sizing: border-box;
	cursor: pointer;
}
.infoBox img {
	width: 0.55rem;
	margin: -0.1rem 0.2rem 0 0;
}
.risk-title .txtBox {
	float: right;
	margin: 0.3rem 0 0 1rem;
	font-size: 0.7rem;
}
.manage {
	border-radius: 0.2rem;
	font-size: 0.6rem;
	color: #29D2DE;
	border: 1px solid #29D2DE;
	background: rgba(0,148,157,0.5);
	padding: 0 0.3rem 0.05rem;
	margin: -0.1rem 0 0;
	box-sizing: border-box;
	float: right;
}
.manage img {
	width: 0.6rem;
	margin: -0.1rem 0.2rem 0 0;
}
.bottom-whole {
	width: 100%;
	height: 30.5%;
	padding: 0 0.8rem;
	box-sizing: border-box;
}
.bottom-whole .bottom-box {
	width: calc(50% - 0.3rem);
	height: 100%;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/twoBg.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	position: relative;
}
.bottom-whole .bottom-box:nth-child(2) {
	margin: 0 0 0 0.6rem;
}
.bottom-box .export {
	padding: 0.25rem 0.4rem;
	box-sizing: border-box;
	border-radius: 0.2rem;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/add/exportBg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 0.7rem;
	color: #33EEFF;
	position: absolute;
	right: 1.5rem;
	top: 1.4rem;
	cursor: pointer;
}
.rescue-list {
	height: 80%;
	padding: 0.8rem 1.2rem;
	box-sizing: border-box;
}
.rescue-type {
	width: 22%;
	float: left;
}
.rescue-type .typeList {
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/rescueBg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 0.9rem 0;
	box-sizing: border-box;
	font-size: 0.65rem;
	color: #00FFC0;
	margin-bottom: 0.6rem;
    cursor:pointer;
}
.typeList p {
	margin-right: 3.5rem;
	display: inline-block;
}
.typeList .type-txt {
	display: inline-block;
}
.type-txt span {
	font-size: 0.75rem;
}
.map-box {
	width: calc(45% - 0.5rem);
	height: 100%;
	background: #ccc;
	float: left;
	margin-left: 0.5rem;
}
.rescue-word {
	width: 32.5% !important;
	height: 100%;
	float: left;
	border-top: 1px solid #007CBC;
	border-right: 1px solid #007CBC;
	overflow: auto;
	display: inherit;
}
.rescue-word .rescue-box {
	margin-bottom: 0.3rem;
	background: #0A3558;
}
.rescue-box .rescue-title {
	border-bottom: 1px solid #1D6097;
	padding: 0.4rem 0;
	box-sizing: border-box;
	font-size: 0.65rem;
	color: #33EEFF;
}
.rescue-title img {
	width: 1.1rem;
	margin: -0.15rem 0.3rem 0 0.3rem;
}
.rescue-box .rescue-txt {
	padding: 0.2rem 0 0.4rem 1.5rem;
} 
.rescue-txt p {
	font-size: 0.65rem;
	color: #FFFFFF;
	padding-top: 0.2rem;
}
.secure-list {
	width: 100%;
	height: 80%;
	padding: 0.8rem 1.2rem;
    box-sizing: border-box;
}
.secure-list .secure-type {
	width: calc(35% - 0.5rem);
	height: 100%;
	overflow: auto;
	margin: 0 0.5rem 0 0;
	float: left;
}
.secure-type p {
	width: calc(50% - 0.2rem);
	background: #003268;
	border-radius: 0.2rem;
	border: 1px solid #004EA2;
	font-size: 0.7rem;
	color: #8CD7F7;
	text-align: center;
	padding: 0.5rem 0;
	box-sizing: border-box;
	margin: 0 0 0.5rem 0;
	cursor: pointer;
	float: left;
}
.secure-type .secure-active {
	color: #3BFFF8;
	box-shadow:rgb(59, 255, 248) 0px 0px 20px inset;
}
.secure-type p:hover {
	color: #3BFFF8;
	box-shadow:rgb(59, 255, 248) 0px 0px 20px inset;
}
.secure-type p:nth-child(2n+0) {
	margin: 0 0 0.5rem 0.4rem;
}
.secure-list .secure-code {
	width: calc(23% - 0.5rem);
	float: left;
	margin: 0 0.5rem 0 0;
	border-radius: 0.2rem;
	border: 1px solid #23FFFC;
	text-align: center;
}
.secure-code img {
	width: 5.5rem;
	padding: 0.9rem 0.5rem;
	box-sizing: border-box;
}
.secure-code p {
	padding: 0.9rem 0.5rem;
	box-sizing: border-box;
	border-top: 1px solid #23FFFC;
	font-size: 0.7rem;
	color: #3BFFF8;
}
.secure-list .info-box {
	width: 76%;
	height: 100%;
	overflow: auto;
	float: left;
}
.info-box .info-list {
	padding: 0.5rem 1rem 0.4rem;
	box-sizing: border-box;
	border-radius: 0.2rem;
	background: #11345E;
	margin-bottom: 0.3rem;
	font-size: 0.7rem;
}
.info-list p {
	width: 75%;
	color: #21FCFF;
	text-align: justify;
	line-height: 1rem;
	float: left;
}
.info-list .infoBtn {
	color: #00FFC0;
	float: right;
	margin: 0.1rem 0 0;
	cursor: pointer;
}
.infoBtn img {
	width: 0.8rem;
	margin: 0 0.1rem 0 0;
}
.infoBtn span {
	vertical-align: middle;
}
#echarts1 {
	height: 7.5rem;
}
#echarts2 {
	height: 6.5rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: none;
	position: revert;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
   opacity: 0.4;
   cursor: pointer;
}
/*6.6*/
.public-box {
	width: 65%;
	height: 100%;
	float: left;
	padding-left: 0.5rem;
	box-sizing: border-box;
	position: relative;
}
.public-box:before {
	content: '';
	width: 2px;
	height: 100%;
	background: url(/BootStrapStyle/SafetyProduction/SecurityCode/img/line_one.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.jg-txt {
	background: #11345E;
	border-radius: 0.2rem;
	padding: 0.6rem 0;
	box-sizing: border-box;
	text-align: center;
}
.jg-txt p {
	font-size: 0.7rem;
	color: #21FCFF;
}
.jg-txt span {
	font-size: 0.85rem;
	color: #00FFC0;
	margin: 0.5rem 0 0;
	box-sizing: border-box;
	display: inherit;
	letter-spacing: 1px;
}
.jg-list {
	width: 100%;
	height: 60%;
	margin: 0.3rem 0 0;
	overflow: auto;
}
.jg-list .jg-box {
	width: calc(50% - 0.15rem);
	margin: 0 0 0.3rem 0;
	border-radius: 0.2rem;
	background: #11345E;
	padding: 0.5rem;
	box-sizing: border-box;
	font-size: 0.7rem;
	display: inline-block;
	float: left;
}
.jg-list .jg-box:nth-child(2n+0) {
	margin: 0 0 0.3rem 0.3rem;
}
.jg-box p {
	width: 70%;
	color: #21FCFF;
	float: left;
	display: inline-block;
}
.jg-box span {
	width: 30%;
	color: #00FFC0;
	float: right;
	display: inline-block;
	padding-left: 0.2rem;
	box-sizing: border-box;
}
.px-box {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.px-box .px-list {
	width: 100%;
	margin: 0 0 0.3rem 0;
	border-radius: 0.2rem;
	background: #11345E;
	padding: 0.5rem 0.5rem 0.45rem;
	box-sizing: border-box;
	font-size: 0.7rem;
	display: flow-root;	
}
.px-list p {
	color: #21FCFF;
	float: left;
}
.px-list .right-box {
	float: right;
	color: #21FCFF;
}
.right-box img {
	width: 1rem;
	margin: -0.2rem 0 0 2rem;
}
.redTxt {
	color: #FE799B;
}
.notWord {
	margin: 6% auto 0;
	text-align: center;
}
.notWord img {
	width: 7rem;
}
.notWord p {
	font-size: 0.75rem;
	color: #FFFFFF;
	padding-top: 0.5rem;
}
.box8 .infoBtn {
	margin: 0;
}
.box8 .infoBtn img {
	width: 1rem;
} 
@media screen and (min-height: 900px) {
	.centre-whole {
		height: 48%;
	}
	.title {
		padding: 10px 0 18px 50px;
		box-sizing: border-box;
	}
	.bottom-box .title {
		padding: 18px 0 18px 50px;
	}
}
@media screen and (min-width: 1800px) {
	.centre-whole {
		height: 60%;
	}
	.title {
		padding: 14px 0 16px 50px;
		box-sizing: border-box;
	}
	.bottom-box .title {
		padding: 0.55rem 0 0.8rem 2.5rem;
	}
}