* {
  font-family: sans-serif;
}

main{ margin-top: 60px; }

.O-Header_navRow {
  position: relative;
}
.header-tit {
  position: absolute;
  width: 190px;
  height: 60px;
  line-height: 60px;
  top: 0px;
  left: 60px;
}
.header-tit h4 {
  margin-bottom: auto;
  margin-top: auto;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-weight: 900;
  color: #002b49;
}
.centerPic {
  line-height: 0px;
  margin-bottom: 10px;
}
.centerPic img {
  width: 100%;
}
.A-Link__linkText {
  line-height: 2rem;
}
.banner {
  position: relative;
  width: 100%;
  margin: 12px 0;
}
.banner img {
  width: 100%;
  margin-bottom: 12px;
}

.banner video {
  width: 100%;
  margin-bottom: 12px;
}

.banner .listDesc{ position:relative;width:100%;padding-top:10px; }
.banner .listDesc .listDescInfo{ font-size:14px; line-height: 22px; padding:0 12px; }

.tit-box {
  margin: 20px auto 10px;
  position: relative;
}
.tit-box-center {
  padding: 4px 10px;
  display: inline-block;
  width: 100%;
  border-width: 0px 0px 1px 6px;
  border-style: solid;
  border-bottom-color: rgb(0, 86, 145);
  border-left-color: rgb(0, 86, 145);
  border-right-color: rgb(0, 86, 145);
  font-size: 16px;
  font-weight: bold;
}
.containerdesc {
	margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.containerdesc video {
	display: block;
	margin: 0 auto;
	position: relative;
  width:340px;
	heigt:190px;
}
.containerdesc div {
  margin: 24px 0;
	font-size: 16px;
  font-weight: bold;
  color: #ff6600;
}
.containerdesc p {
  margin: 24px 0;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}
.containerdesc img {
  width: 100%;
}
.containerdesc .tit {
  font-size: 16px;
  font-weight: bold;
  color: #ff6600;
}
.containerdesc .time {
  font-size: 14px;
	line-height: 24px;
}
.containerdesc .desc {
  font-size: 14px;
	line-height: 24px;
	color: #000000;
}
.containerdesc ul li {
	position: relative;
	font-weight:200;
  font-size: 14px;
  margin-left: -12px;
	color: #000000;
	list-style: none;
	padding-bottom: 14px;
}

.containerdesc ul li:before {
	position: absolute;
	content: "-";
	top: 0;
	left: -12px;
}

.container {
	margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container .txt {
	padding-top: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #ff6600;
}
.container .tit {
  font-size: 16px;
  font-weight: bold;
  color: #ff6600;
}
.container .time {
  font-size: 14px;
	line-height: 24px;
}
.container .desc {
  font-size: 14px;
	line-height: 24px;
	color: #000000;
}
.container ul li {
	position: relative;
	font-weight:200;
  font-size: 14px;
  margin-left: -12px;
	color: #000000;
	list-style: none;
	padding-bottom: 14px;
}

.container ul li:before {
	position: absolute;
	content: "-";
	top: 0;
	left: -12px;
}


.news_classification {
  font-size: 14px;
  float: left;
  width: 33%;
	height: 30px;
	line-height: 30px;
  text-align: center;
  margin: 10px 0;
}
.clear {
  clear: both;
  margin-bottom: 0px;
}
.line {
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 16px;
  margin-bottom: 20px;
  font-size: .875rem;
  font-family: sans-serif;
}
.line li {
  list-style: none;
  position: relative;
}
.line li:before {
  position: absolute;
  content: "-";
  left: -12px;
}
.news_line {
  position: relative;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}
.Footer-top {
  height: 12px;
}
.bgc01 {
  background: #FFFFFF;
  color: #000000;
}
.bgc02 {
  background: #00aaba;
  color: #FFFFFF;
}
.bgc03 {
  background: #42a4dd;
  color: #FFFFFF;
}
.bgc04 {
  background: #d372a6;
  color: #FFFFFF;
}
.pro-item {
  position: relative;
  width: 100%;
  margin: 10px auto;
}
.pro-item .centerPic {
  position: relative;
  float: left;
  width: 25%;
  margin: auto;
}
.pro-item .centerPic .pro-img {
  width: 100%;
  display: table-cell;
}
.pro-item .centerPic .pro-img img {
  max-width: 100%;
  max-height: 100%;
}

.pro-item .compliance {
  position: relative;
  float: left;
  width: 5%;
  margin: auto;
}
.pro-item .compliance .pro-img {
  width: 100%;
  display: table-cell;
}
.pro-item .compliance .pro-img img {
	margin-top:20px;
  max-width: 100%;
  max-height: 100%;
}

.pro-item .txt-center {
  position: relative;
  float: left;
  width: -moz-calc(70% - 10px);
  width: -webkit-calc(70% - 10px);
  width: calc(70% - 10px);
  margin-left: 10px;
}
.pro-item .txt-center .txt-tit {
  position: relative;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
	color: #ff6600;
}
.pro-item .txt-center .txt-time {
  position: relative;
  margin-bottom: 4px;
  font-size: 14px;
	color: #999999;
}
.pro-item .txt-center .txt-desc {
  position: relative;
  margin-bottom: 4px;
  font-size: 14px;
}
.pro-item .txt-center .line {
  margin-bottom: 0px;
}

.compliance_icon{
	position: relative;
  float: left;
}
.compliance_icon img {
  max-width: 100%;
  max-height: 100%;
}

.containerdesc table{ width: 100%; padding:0px; margin:0px; }
.containerdesc table thead tr td{
        font-weight: bold;
        background-color: #CCCCCC;
    }
.containerdesc table td{ font-size:12px; line-height:20px; border:1px solid #A6A6A6; text-align: center; }

#registerCon{ position: relative; width: 100%; height: 100%; margin: 0 auto; background: #f7f7f7; }
#registerCon2{ position: relative; width: 100%; height: 100%; margin: 0 auto; background: #f7f7f7; }
#register_clear{ position: relative; width: 100%; height: 50px; background: #f7f7f7; margin: 0 auto; }
#register_box{ position: relative; width: 100%; height: 140px; background: #FFFFFF; margin: 0 auto; }
#register_box2{ position: relative; width: 100%; height: 340px; background: #FFFFFF; margin: 0 auto; }
#register_icon1{ position: absolute; width: 20px; height: 20px; left: 12px; top: 50px; }
#register_icon2{ position: absolute; width: 20px; height: 20px; left: 12px; top: 100px; }
#register_icon3{ position: absolute; width: 20px; height: 20px; left: 12px; top: 150px; }
#register_icon4{ position: absolute; width: 20px; height: 20px; left: 12px; top: 200px; }
#register_icon5{ position: absolute; width: 20px; height: 20px; left: 12px; top: 250px; }
#register_icon6{ position: absolute; width: 20px; height: 20px; left: 12px; top: 300px; }
#register_icon7{ position: absolute; width: 20px; height: 20px; left: 12px; top: 350px; }
.register_line{ position: absolute; width: 92%; height: 2px; left: 4%; background: #f7f7f7; }
.top1{ top: 85px; }
.top2{ top: 135px; }
.top3{ top: 185px; }
.top4{ top: 235px; }
.top5{ top: 285px; }
.top6{ top: 335px; }
.top7{ top: 385px; }
.input{ position: absolute; width: 80%; height: 40px; left: 50px; font-size: 12px; line-height: 40px; color: #8b8a8a; border: none; background: none; padding: 0; margin: 0; }
.select{ position: absolute; width: 80%; height: 40px; left: 50px; font-size: 12px; line-height: 40px; color: #8b8a8a; border: none; background: none; padding: 0; margin: 0; }
.top_i1{ top: 40px; }
.top_i2{ top: 90px; }
.top_i3{ top: 140px; }
.top_i4{ top: 190px; }
.top_i5{ top: 240px; }
.top_i6{ top: 290px; }
.top_i7{ top: 340px; }
#code{ position: absolute; width: 25%; height: 36px; left: 70%; top: 144px; font-size: 12px; line-height: 36px; text-align: center; background: #f96904; color: #FFFFFF; border-radius:4px; }
#register_btn{ position: relative; width: 90%; height: 40px; line-height: 40px; font-size:14px; background: #f96904; margin:0 5%; text-align: center; border-radius:4px; color: #FFFFFF; }
#register_btn2{ position: relative; width: 90%; height: 40px; line-height: 40px; font-size:14px; background: #f96904; margin:0 5%; text-align: center; border-radius:4px; color: #FFFFFF; }
.selected{ font-weight:bold; }