@charset "UTF-8";
body, html, ul, li, h2, p {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑", Helvetica, Verdana, Arial, Helvetica, sans-serif;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  border: 0 none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hide {
  display: none;
}

.tr {
  text-align: right;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

p {
  height: 3.125vw;
  font-size: 3.125vw;
  font-family: Noto Sans S Chinese;
  font-weight: bold;
  line-height: 3.125vw;
  padding-bottom: 1.51042vw;
}

span {
  display: block;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
}

#main {
  width: 100vw;
  margin: 0 auto;
  position: relative;
  min-width: 72.91667vw;
}

#main div.header {
  display: flex;
  width: 72.08333vw;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  line-height: 4.16667vw;
  padding: 0 13.54167vw;
}

#main div.header .header_logo {
  width: 8.02083vw;
  height: 1.30208vw;
  background: url("../images/header-logo.png") no-repeat;
  background-size: 100% auto;
}

#main div.header .header_title a {
  font-size: 0.9375vw;
  padding: 0 1.45833vw;
  color: #FFFFFF;
}

#main ul.body li {
  width: 100vw;
}

#main ul.body li#section1 {
  height: 64.73958vw;
}

#main ul.body li#section1 .section1_content {
  width: 100vw;
  height: 28.38542vw;
  background: url("../images/bg1.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section1 .section1_content p {
  height: 3.33333vw;
  color: #FFFFFF;
  font-size: 3.33333vw;
  line-height: 3.33333vw;
  padding-left: 13.54167vw;
  padding-top: 10.3125vw;
}

#main ul.body li#section1 .section1_content span:nth-child(2) {
  height: 1.25vw;
  font-size: 1.25vw;
  line-height: 1.25vw;
  color: #FFFFFF;
  opacity: .8;
  padding-left: 13.54167vw;
}

#main ul.body li#section1 .section1_content i {
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 2.29167vw;
  color: #001533;
  line-height: 3.33333vw;
  padding-top: 19.53125vw;
}

#main ul.body li#section1 .section1_content .esg_grade {
  width: 54.21875vw;
  margin: 0 auto;
  padding-top: 4.42708vw;
}

#main ul.body li#section1 .section1_content .esg_grade .esg_left {
  width: 26.19792vw;
  height: 12.34375vw;
  background: url("../images/bg1-1.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section1 .section1_content .esg_grade .esg_right {
  width: 26.19792vw;
  height: 12.34375vw;
  background: url("../images/bg1-2.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section1 .section1_content .esg_grade span:nth-child(1) {
  font-size: 1.25vw;
  color: #001533;
  line-height: 1.82292vw;
  padding-top: 2.60417vw;
  padding-left: 10.9375vw;
}

#main ul.body li#section1 .section1_content .esg_grade span:nth-child(2) {
  font-size: 2.39583vw;
  font-weight: bold;
  color: #001533;
  line-height: 3.48958vw;
  padding-top: 0.10417vw;
  padding-left: 10.9375vw;
}

#main ul.body li#section2 {
  height: 48.59375vw;
}

#main ul.body li#section2 p {
  font-size: 2.29167vw;
  color: #001533;
  font-weight: 400;
  text-align: center;
  line-height: 3.33333vw;
  padding-bottom: 4.6875vw;
}

#main ul.body li#section2 .section2_content {
  width: 71.97917vw;
  height: 29.11458vw;
  margin: 0 auto;
  background: url("../images/bg2.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section2 .section2_content .section2_construct {
  width: 24.01042vw;
  position: relative;
}

#main ul.body li#section2 .section2_content .section2_construct span:nth-child(1) {
  opacity: .9;
  font-size: 1.77083vw;
  color: #FFFFFF;
  line-height: 2.55208vw;
  padding-top: 20.15625vw;
  padding-left: 3.07292vw;
}

#main ul.body li#section2 .section2_content .section2_construct span:nth-child(2) {
  opacity: .8;
  width: 18.64583vw;
  font-size: 1.04167vw;
  color: #FFFFFF;
  line-height: 1.51042vw;
  padding-top: 0.52083vw;
  padding-left: 3.07292vw;
}

#main ul.body li#section3 {
  height: 105.10417vw;
}

#main ul.body li#section3 p.section3_title {
  font-size: 2.29167vw;
  color: #001533;
  font-weight: 400;
  text-align: center;
  line-height: 3.33333vw;
  padding-bottom: 4.6875vw;
}

#main ul.body li#section3 .section3_content {
  height: 20.83333vw;
  width: 72.03125vw;
  margin: 0 auto 1.04167vw;
  position: relative;
}

#main ul.body li#section3 .section3_content p {
  font-size: 1.82292vw;
  font-weight: 400;
  color: #001533;
  padding-top: 3.33333vw;
  padding-left: 37.86458vw;
  padding-bottom: 0;
}

#main ul.body li#section3 .section3_content span {
  width: 31.14583vw;
  font-size: 1.04167vw;
  color: #001533;
  line-height: 1.51042vw;
  padding-top: 1.45833vw;
  padding-left: 37.86458vw;
}

#main ul.body li#section3 .section3_activity_1 {
  background: url("../images/bg3-1.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section3 .section3_activity_2 {
  background: url("../images/bg3-2.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section3 .section3_activity_3 {
  background: url("../images/bg3-3.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section3 .section3_activity_4 {
  background: url("../images/bg3-4.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section3 .section3_activity_4 span {
  padding-top: 4.6875vw;
}

#main div.footer {
  height: 13.22917vw;
  padding: 0 13.54167vw;
  position: relative;
  background: #F5F7FA;
}

#main div.footer a {
  color: #071532;
}

#main div.footer .footer_nav {
  height: 6.51042vw;
  padding-top: 2.60417vw;
  border-bottom: 0.05208vw solid #C9D3E4;
}

#main div.footer .footer_nav .footer_logo {
  width: 8.02083vw;
  height: 1.30208vw;
  background: url("../images/footer-logo.png") no-repeat;
  background-size: 100% auto;
}

#main div.footer .footer_nav .footer_func ul li {
  cursor: pointer;
  font-size: 0.9375vw;
  height: 1.82292vw;
  color: #011523;
  line-height: 1.875vw;
  display: inline;
  padding-left: 4.42708vw;
}

#main div.footer .footer_nav .footer_contact {
  margin-left: 9.79167vw;
}

#main div.footer .copyright p {
  height: 0.9375vw;
  font-size: 0.83333vw;
  color: #071532;
  line-height: 0.9375vw;
  opacity: 0.5;
  padding-top: 1.66667vw;
}