.co_mainBg {
	width: 100%;
	float: left;
	/* background: url(../images/ov_op_mainBg_l.gif) left 80px no-repeat; */
	min-width: 1200px;
	padding: 0;
}

.co_main {
	width: 1200px;
	margin: 0 auto;
}

.co_content,
.content_block {
	width: 1150px;
	float: left;
	padding: 0 0 0 50px
}

.co_text {
	width: 60%;
	float: left;
}

.co_content .img {
	width: 40%;
	float: left;
	text-align: center;
}

.content_block img {
	width: 100%;
}

.co_content .ECharts {
	width: 45%;
	min-height: 270px;
	float: left;
}

.ECharts .tit {
	width: 100%;
	margin: 20px 0 0 0;
	font-weight: 600;
}

.ECharts .tit span {
	font-size: 14px;
	margin-left: 10px;
	background: #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 0 5px;
}

.co_img {
	width: 500px;
	min-height: 350px;
	float: left;
	padding: 10px 5px;
}

.co_content .co_text_2 {
	width: 51%;
	float: left;
	padding: 15px 2%;
	background: url(../images/ov_co_bg_1.png) center top no-repeat;
}

.co_content .co_text_2 ol.certi {
	padding: 0 0 0 20px;
	margin-bottom: 20px;
}

.co_content .co_text_2 ol.certi li {
	list-style: decimal;
}

.co_text .tit,
.co_text_2 .tit {
	font-size: 18px;
	color: #02a19e;
	font-weight: 600;
	width: 100%;
	float: left;
	text-align: center;
	margin: 5px 0 5px 0;
}

.co_text .bg2,
.co_text_2 .bg2 {
	color: #70ad41 !important;
}

.co_text .bg3,
.co_text_2 .bg3 {
	color: #70ad41 !important;
}

.co_text .tit {
	text-align: left;
	margin: 5px 0 10px 0;
}

.co_slidBg {
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0 0 0 50px;
}

.co_slid {
	width: 1200px;
	margin: 0 auto;
}

table {
	border: 1px solid #33a3bf;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
}

.bg_color2 table {
	border: 1px solid #70b769;
}

.bg_color3 table {
	border: 1px solid #f19850;
}

table .tit {
	background: url(../images/ov_borBg.png) repeat;
	color: #FFFFFF;
	text-align: center;
}

table .bg2 {
	background: url(../images/ov_borBg2.png) repeat !important;
}

table .bg3 {
	background: url(../images/ov_borBg3.png) repeat !important;
}

.tit td,
th {
	border: 1px dashed #fff;
}

td,
th {
	padding: 8px 15px;
	border-bottom: 1px solid #33a3bf;
	border-right: 1px dashed #33a3bf;
}

.bg_color2 td {
	border-bottom: 1px solid #70b769;
	border-right: 1px dashed #70b769;
}

.bg_color3 td {
	border-bottom: 1px solid #f19850;
	border-right: 1px dashed #f19850;
}

.bg_color2 .bg2 td, .bg_color3 .bg3 td {
	border: 1px dashed #fff;
}

table ul {
	list-style-type: disc;
	padding-left: 1rem;
}
.content_block {
    width: 1150px;
    float: left;
    padding: 0 0 0 50px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
}
.ov_co_btn {
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	width: calc(100% / 3 - 6rem);
	background: #02a19e;
    padding: 1rem 2rem;
    text-align: center;
    border-radius: 5px;
    margin: 10px 10px 20px;
}
.env_risk_btn:nth-child(1) {
	line-height: 56px;
}
.ov_co_btn:hover {
	background: #008e8b;
	border-radius: 4em;
	transition: ease-in-out 0.3;
}
.ov_co_btn:nth-of-type(even) {
	background: #0c91c1;
}
.ov_co_btn:nth-of-type(even):hover {
	background: #0a89b8;
}
.ov_co_btn::before {
	position: absolute;
	content: "→";
	width: 45px;
	height: 45px;
	line-height: 42px;
	top: -12px;
    right: -10px;
	font-size: 20px;
    font-weight: 700;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background-color: #13b2b9;
	filter: drop-shadow(3px 3px 3px rgb(0, 0, 0, 0.25));
}
.ov_co_btn:hover::before {
	transform: rotate(-30deg);
}
.ov_co_btn .box {
	color: #fff;
	font-size: 1.25rem;
}

.ov_co_table ol {
	list-style: decimal;
	padding-left: 16px;
}

.tabs{
	width: 100%;
	float: left;
	margin: 1rem 0 2rem;
	background: url(../images/em_hr_img_2.png) right bottom no-repeat;
	/* background-color: aliceblue; */
}
ul.tabNavigation {
	width: 19%;
	float: left;
	padding: 1rem 0;
	position: relative;
}
ul.tabNavigation::before {
	position: absolute;
    content: "";
    width: 20px;
	top: 0;
    right: 0;
    height: 100%;
	background: url(../images/ov_co_sus_bg.png) right center no-repeat;
	z-index: 2;
}
ul.tabNavigation li {
	position: relative;
    width: 200px;
    height: 56px;
    line-height: 56px;
	font-weight: 700;
    list-style-type: none;
    text-align: center;
    margin: 0 0 24px auto;
    border-radius: 0.5em 0 0 0.5em;
	color: #fff;
  }
  ul.tabNavigation li:hover {
    border-radius: 2em 0 0 1em;
	transition: ease-in-out 0.3;
  }
  a.selected li{
    border-radius: 2em 0 0 1em;
}
  
  ul.tabNavigation li.sty1{
	background-color: #f3ae2e;
  }
  #tab-1 h4, #tab-1 ul li::marker {
	color: #bf8721;
  }
  #tab-1 {
	width: 100%;
	background: url(../images/para_bg1.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty2{
	background-color: #FF7F24;
  }
  #tab-2 h4, #tab-2 ul li::marker {
	color: #e2782d;
  }
  #tab-2 {
	width: 100%;
	background: url(../images/para_bg2.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty3{
	background-color: #5faf47;
  }
  #tab-3 h4, #tab-3 ul li::marker {
	color: #448c2e;
  }
  #tab-3 {
	width: 100%;
	background: url(../images/para_bg3.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty4{
	background-color: #38a967;
  }
  #tab-4 h4, #tab-4 ul li::marker {
	color: #1f7b46;
  }
  #tab-4 {
	width: 100%;
	background: url(../images/para_bg4.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty5{
	background-color: #5eadb5;
  }
  #tab-5 h4, #tab-5 ul li::marker {
	color: #45929a;
  }
  #tab-5 {
	width: 100%;
	background: url(../images/para_bg5.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty6{
	background-color: #54a7c7;
  }
  #tab-6 h4, #tab-6 ul li::marker {
	color: #2e81a2;
  }
  #tab-6 {
	width: 100%;
	background: url(../images/para_bg6.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty7{
	background-color: #065280;
  }
  #tab-7 h4, #tab-7 ul li::marker {
	color: #065280;
  }
  #tab-7 {
	width: 100%;
	background: url(../images/para_bg7.png) right bottom no-repeat !important;
  }


  ul.tabNavigation li.sty8{
	background-color: #8C133F;
  }
  #tab-8 h4, #tab-8 ul li::marker {
	color: #8C133F;
  }
  #tab-8 {
	width: 100%;
	background: url(../images/para_bg8.png) right bottom no-repeat !important;
  }

  

.para{
	width: 78%;
	padding: 22px 1%;
	float: left;
	background: none;
	background: #f3f3f391;
}
.para_box {
	height: 628px;
    padding: 0 1rem;
    overflow-y: scroll;
}
.para_box h3{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 1rem;
}
.para_box ul, .para_box p {
	margin-bottom: 2rem;
}
.para_box ul {
	text-indent: -0.25rem;
    padding-left: 1.5rem;
	list-style: square;
}
.para_box ul li {
	position: relative;
}
.para_box ul li::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
}
.para_box ul li>ol {
	list-style: decimal;
	padding-left: 1rem;
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.co_mainBg,
	.co_slidBg {
		min-width: 1000px;
	}

	.co_main,
	.co_slid {
		width: 970px;
		padding: 0 15px;
	}

	.co_content {
		width: 100%;
		padding: 0;
	}

	.co_content .co_text_2 {
		background: #eee;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

	.co_text_2 .tit {
		margin: 5px 0;
	}

	.co_img {
		width: 95%;
		padding: 0;
	}
	.content_block {
		width: 100%;
	}
	.ov_co_btn {
		width: calc(100% / 3 - 2rem);
	}
}
@media screen and (min-width: 320px) and (max-width: 768px) {

	.co_mainBg,
	.co_slidBg {
		min-width: 320px;
	}

	/* .co_main,
	.co_slid {
		width: 90%;
		padding: 20px 5%;
	} */

	.co_content {
		width: 100%;
		padding: 0;
	}

	.co_text,
	.co_content .img,
	.co_content .ECharts,
	.co_img {
		width: 100%;
	}

	.co_content .img img {
		width: 100%;
		height: auto;
	}

	.co_content .co_text_2 {
		width: 90%;
		background: #eee;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		padding: 10px 5%;
	}

	.co_img {
		width: 100%;
		padding: 0;
	}

	.co_img div {
		width: 100%;
	}
	ul.tabNavigation, .para {
		width: 100%;
	}
	ul.tabNavigation li {
		margin: 0 auto 16px auto;
		border-radius: 0.5em;
	}
	ul.tabNavigation::before {
		background: none;
	}
	a.selected li, ul.tabNavigation li:hover {
		border-radius: 2em 2em 1em 1em;
	}
	.content_block {
		width: 100%;
	}
	.ov_co_btn {
		width: 100%;
	}
}