.title h3,
.title h6 {
  font-family: 'SourceHanSansCN-Regular';
}
.what-iso {
  padding-top: 100px;
  padding-bottom: 62px;
}
.what-iso .content {
  margin-top: 38px;
}
.what-iso .content .left-intro {
  width: 650px;
  font-family: 'SourceHanSansCN-Regular';
}
.what-iso .content .left-intro p {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  padding-left: 28px;
  position: relative;
  margin-bottom: 34px;
}
.what-iso .content .left-intro p::before {
  display: block;
  content: '';
  width: 7px;
  height: 13px;
  background-color: #277fef;
  position: absolute;
  top: 8px;
  left: 5px;
}
.what-iso .content .left-intro p span {
  color: #FF7D00;
}
.what-iso .content .left-intro ul li {
  display: flex;
  align-items: center;
}
.what-iso .content .left-intro ul li img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.what-iso .content .left-intro ul li span {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.what-iso .content .right-img {
  margin-top: -3px;
  margin-left: auto;
  margin-right: 48px;
  width: 166px;
  /*height: 248px;*/
  /*border: 1px solid #dfdfdf;*/
}
.what-iso .content .right-img img {
  width: 100%;
  /*height: 100%;*/
  display: block;
}
.what-iso a.handle-btn {
  margin-top: 20px;
}
.usability {
  padding-top: 30px;
  padding-bottom: 23px;
  background: #F7F9FC;
}
.usability .usability-content {
  display: flex;
  align-items: center;
  margin-top: 63px;
}
.usability .usability-content .left-img {
  width: 314px;
}
.usability .usability-content .left-img img {
  width: 100%;
  display: block;
}
.usability .usability-content .right-info {
  width: calc(100% - 314px);
  padding-left: 39px;
}
.usability .usability-content .right-info p {
  font-family: 'SourceHanSansCN-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
  letter-spacing: 0.8px;
  margin-bottom: 22px;
}
.usability .usability-content .right-info p:last-child {
  margin-bottom: 0;
}
.usability a.handle-btn {
  margin-top: 60px;
}
.condition {
  padding-top: 47px;
  padding-bottom: 63px;
}
.condition .condition-content {
  height: 297px;
  margin: 0 auto;
  margin-top: 44px;
  background-image: url(../images/common/coditon_bg.png);
  background-repeat: no-repeat;
  background-size: 281px 297px;
  background-position: calc(100% - 89px) 100%;
  padding: 59px 135px 58px 40px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
}
.condition .condition-content ul li {
  font-size: 18px;
  font-family: 'SourceHanSansCN-Regular';
  line-height: 30px;
  letter-spacing: 0.8px;
  color: #666;
  margin-bottom: 30px;
}
.condition .condition-content ul li:last-child {
  margin-bottom: 0;
}
.condition a.handle-btn {
  margin-top: 40px;
}
.material {
  padding-top: 60px;
  padding-bottom: 65px;
}
.material .material-content {
  width: 910px;
  margin: 0 auto;
  margin-top: 61px;
}
.material .material-content .material-list {
  background-color: #FFF5EC;
  box-shadow: 0px 0px 10px 1px rgba(201, 115, 37, 0.26);
  border-radius: 10px;
  background-image: url(../images/iso27018/material_bg.png);
  background-position: right bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.material .material-content .material-list ul {
  padding: 25px 59px;
}
.material .material-content .material-list ul li {
  font-size: 18px;
  font-family: 'SourceHanSansCN-Regular';
  font-weight: 400;
  line-height: 40px;
  color: #333;
}
.material a.handle-btn {
  margin-top: 63px;
}
.problem {
  padding: 60px 0;
}
.problem .problem-content {
  margin-top: 40px;
  padding: 42px 30px 10px 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 24px 0 rgba(28, 124, 188, 0.14);
}
.problem .problem-content .problem-items .que {
  padding: 14px 27px 14px 64px;
  font-size: 20px;
  line-height: 20px;
  color: #666;
  background-image: url(../images/cmmi/que.png);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 27px 14px;
  background-color: #dce6f6;
  border-radius: 8px;
}
.problem .problem-content .problem-items .ans {
  padding: 15px 0 24px 64px;
  font-family: 'SourceHanSansCN-Regular';
  font-size: 16px;
  line-height: 24px;
  color: #999;
  background-image: url(../images/cmmi/ans.png);
  background-size: 22px 21px;
  background-repeat: no-repeat;
  background-position: 27px 16px;
}
.problem a.handle-btn {
  margin-top: 60px;
}
.attestation {
  padding-top: 30px;
  padding-bottom: 60px;
}
.attestation ul.content {
  margin-top: 40px;
  flex-wrap: wrap;
}
.attestation ul.content li {
  width: 212px;
  margin-right: 14px;
  padding: 35px 5px 26px 5px;
  text-align: center;
  border: 1px solid #256EBE;
  border-radius: 15px;
}
.attestation ul.content li:nth-child(5n) {
  margin-right: 0;
}
.attestation ul.content li:nth-child(n + 6) {
  margin-top: 30px;
}
.attestation ul.content li .icon {
  width: 100px;
  height: 77px;
  margin: 0 auto;
  margin-bottom: 9px;
}
.attestation ul.content li .icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.attestation ul.content li h3 {
  font-size: 27px;
  line-height: 30px;
  font-weight: bold;
  color: #1C76C0;
}
.attestation ul.content li h3::after {
  display: block;
  content: '';
  width: 147px;
  height: 1px;
  background-color: #266fbe;
  margin: 0 auto;
  margin-top: 12px;
}
.attestation ul.content li h6 {
  margin-top: 32px;
  font-family: 'SourceHanSansCN-Regular';
  font-size: 18px;
  font-weight: 400;
  color: #666;
}
.attestation ul.content li a.att-btn {
  display: block;
  width: 106px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #266fbe;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: 22px;
  font-family: 'SourceHanSansCN-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #266FBE;
  box-shadow: 1px 1px 0 0.5px #266FBE;
}
.attestation a.handle-btn {
  margin-top: 40px;
}
.process {
  padding-top: 46px;
  padding-bottom: 49px;
}
.process .title h6 {
  margin-top: 10px;
}
.process ul.content {
  margin-top: 26px;
}
.process a.handle-btn {
  margin-top: 48px;
}