@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;
  color: #ffffff;
  line-height: 3.125vw;
  padding-bottom: 1.66667vw;
}

span {
  font-size: 0.9375vw;
  display: block;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #ffffff;
  height: 1.66667vw;
  line-height: 1.66667vw;
}

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

#main a {
  color: #fff;
  font-size: 0.9375vw;
}

#main div.header {
  display: flex;
  width: 72.60417vw;
  position: relative;
  justify-content: space-between;
  align-items: center;
  line-height: 5.20833vw;
  padding: 0 13.69792vw;
  background-color: #FFFFFF;
}

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

#main div.header .header_title a {
  color: #071532;
  font-weight: 500;
  padding: 0 1.04167vw;
}

#main div.header .header_title a:hover {
  color: #41ab4f;
}

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

#main ul.body li#section1 {
  height: 33.85417vw;
  position: relative;
  background: url("../images/bg1.png") no-repeat center;
  background-size: cover;
}

#main ul.body li#section1 .section1_content {
  padding: 11.40625vw 0 0 13.59375vw;
}

#main ul.body li#section1 .section1_content span {
  height: 2.08333vw;
  width: 48.22917vw;
  font-size: 1.25vw;
  line-height: 2.08333vw;
  opacity: 0.8;
}

#main ul.body li#section1 .section1_content .section1_tab {
  left: 0;
  right: 0;
  top: 25.625vw;
  margin: 0 auto;
  width: 87.5vw;
  height: 15.625vw;
  background: #41AB4F;
  border-radius: 2.08333vw;
  position: absolute;
}

#main ul.body li#section1 .section1_content .section1_tab span {
  font-size: 1.45833vw;
  font-weight: 500;
  line-height: 2.08333vw;
  opacity: 0.8;
  padding-top: 4.58333vw;
  padding-left: 7.29167vw;
}

#main ul.body li#section1 .section1_content .section1_tab ul {
  width: 48.75vw;
  padding-left: 7.29167vw;
  padding-top: 1.5625vw;
}

#main ul.body li#section1 .section1_content .section1_tab ul li {
  float: left;
  width: 6.5625vw;
  height: 2.34375vw;
  font-size: 1.25vw;
  text-align: center;
  line-height: 2.34375vw;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.52083vw;
  margin-right: 0.78125vw;
}

#main ul.body li#section1 .section1_content .section1_tab ul li i {
  color: #ffffff;
  opacity: .8;
  font-style: normal;
}

#main ul.body li#section1 .section1_content .section1_tab ul li:nth-child(4) {
  width: 7.60417vw;
}

#main ul.body li#section2 {
  height: 75.78125vw;
  position: relative;
}

#main ul.body li#section2 p {
  color: #071532;
  padding-top: 22.86458vw;
  padding-left: 13.75vw;
}

#main ul.body li#section2 img {
  right: 0;
  top: 21.77083vw;
  width: 52.08333vw;
  height: 39.58333vw;
  position: absolute;
}

#main ul.body li#section2 ul {
  padding-top: 1.97917vw;
  padding-left: 13.48958vw;
}

#main ul.body li#section2 ul li {
  width: 28.48958vw;
  height: 4.6875vw;
  background: #F4F7FE;
  border-radius: 1.04167vw;
  line-height: 4.6875vw;
  margin-bottom: 0.52083vw;
}

#main ul.body li#section2 ul li span {
  color: #071532;
  display: inline-block;
}

#main ul.body li#section2 ul li span:first-child {
  height: 1.25vw;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.25vw;
}

#main ul.body li#section2 ul li span:first-child::before {
  content: '';
  width: 0.52083vw;
  height: 0.52083vw;
  background: #41AB4F;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1.77083vw;
  margin-right: 1.30208vw;
  margin-bottom: 0.20833vw;
}

#main ul.body li#section2 ul li span:last-child {
  font-size: 1.04167vw;
  color: #071532;
  line-height: 1.04167vw;
  opacity: 0.7;
  padding-left: 0.52083vw;
}

#main ul.body li#section3 {
  height: 60.15625vw;
  position: relative;
  background: #F4F7FE;
}

#main ul.body li#section3 p {
  position: absolute;
  padding-top: 7.55208vw;
  padding-left: 13.75vw;
}

#main ul.body li#section3 img.section3_bg {
  top: 0;
  height: 31.25vw;
  position: absolute;
}

#main ul.body li#section3 ul {
  left: 0;
  right: 0;
  top: 18.07292vw;
  margin: 0 auto;
  width: 73.95833vw;
  height: 21.61458vw;
  position: absolute;
  background: #FFFFFF;
  border-radius: 2.08333vw;
  padding-top: 9.32292vw;
  padding-left: 6.77083vw;
}

#main ul.body li#section3 ul li img {
  width: 4.58333vw;
  height: 4.58333vw;
}

#main ul.body li#section3 ul li i {
  display: block;
  font-size: 1.25vw;
  color: #071532;
  font-style: normal;
  line-height: 1.25vw;
  padding-top: 1.45833vw;
  padding-bottom: 1.04167vw;
}

#main ul.body li#section3 ul li span {
  height: 1.45833vw;
  display: block;
  font-size: 0.83333vw;
  color: #80848E;
  line-height: 1.45833vw;
}

#main ul.body li#section3 ul li:nth-child(1) {
  width: 8.07292vw;
  padding-right: 7.8125vw;
}

#main ul.body li#section3 ul li:nth-child(2) {
  width: 16.14583vw;
  padding-right: 6.77083vw;
}

#main ul.body li#section3 ul li:nth-child(3) {
  width: 5.26042vw;
  padding-right: 10.41667vw;
}

#main ul.body li#section3 ul li:nth-child(4) {
  width: 11.45833vw;
}

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

#main div.footer .footer_nav {
  height: 6.04167vw;
  padding-top: 6.45833vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

#main div.footer .footer_nav .footer_func i {
  height: 1.875vw;
  font-style: normal;
  font-size: 0.9375vw;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #FFFFFF;
}

#main div.footer .footer_nav .footer_func ul li {
  cursor: pointer;
  font-size: 0.9375vw;
  height: 1.82292vw;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.875vw;
  opacity: 0.3;
  display: inline;
}

#main div.footer .footer_nav .footer_func ul li a {
  padding: 0 0.52083vw;
}

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

#main div.footer .copyright p {
  height: 0.9375vw;
  font-size: 0.83333vw;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.9375vw;
  opacity: 0.3;
  padding-top: 1.82292vw;
}

#main div.toTop a {
  right: 13.54167vw;
  bottom: 20.57292vw;
  width: 5.20833vw;
  height: 5.20833vw;
  position: absolute;
  background: url("../images/toTop.png") no-repeat;
  background-size: 100% auto;
}