.main-code {
  width: 100%;
  display: block;
  min-width: 1200px;
}
.main-code .code-banner {
  background: url(/zlzq/web/images/codeProcess/qym_banner.jpg) center top no-repeat #268eff;
  width: 100%;
  height: 200px;
  display: block;
}
.main-code .intro {
  background: #e8edff;
  width: 100%;
  padding: 10px 0px;
}
.main-code .intro .left {
  width: 696px;
}
.main-code .process {
  background: #fff8eb;
  width: 100%;
  padding: 40px 0px;
}
.main-code .process .right {
  width: 636px;
}
.main-code .process-reg {
  background: #ebf5ff;
  width: 100%;
  padding: 40px 0px;
}
.main-code .process-reg .right,
.main-code .process-reg .left {
  width: 546px;
  text-align: center;
}
.main-code .process-reg .right img,
.main-code .process-reg .left img {
  margin-bottom: 10px;
}
.main-code .code-use {
  background: #fff8eb;
  padding: 40px 0px;
}
.main-code .code-use .right {
  width: 636px;
}
.main-code .code-use .code-content {
  padding-top: 50px;
}
.video-box {
  border: 8px solid #fff;
  background: #fff;
}
.code-title {
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.code-title img {
  display: block;
  margin: 0px auto;
}
.code-content {
  width: 1200px;
  padding: 30px 0px;
  margin: 0px auto;
}
.code-content .left {
  float: left;
}
.code-content .right {
  float: right;
}
.code-content:after {
  content: "";
  clear: both;
  height: 0px;
  display: block;
}