@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, i {
  display: block;
  font-style: normal;
  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;
  z-index: 100;
}

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

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

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

#main ul.body li#section1 {
  height: 57.39583vw;
  background: #F5F7FA;
}

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

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

#main ul.body li#section1 .section1_content .section1_way {
  left: 0;
  right: 0;
  top: 22.70833vw;
  position: absolute;
}

#main ul.body li#section1 .section1_content .section1_way img {
  display: block;
  width: 56.25vw;
  height: 11.66667vw;
  margin: 0 auto;
  background: url("../images/bg1-2.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section1 .section1_content .section1_way ul {
  margin: 0 12.5vw;
  padding-top: 4.47917vw;
}

#main ul.body li#section1 .section1_content .section1_way ul li {
  width: 18.22917vw;
  height: 11.30208vw;
  margin: 0 0.26042vw;
  background: linear-gradient(180deg, #F3F5F8 1%, #FFFFFF 100%, #FFFFFF 100%);
  box-shadow: 0.41667vw 1.19792vw 1.92708vw -0.3125vw #E3E9F3;
  border-radius: 0.3125vw;
  border: 0.15625vw solid #FFFFFF;
}

#main ul.body li#section1 .section1_content .section1_way ul li span {
  font-size: 1.66667vw;
  font-weight: 700;
  color: #0055FF;
  line-height: 1.875vw;
  padding-top: 1.97917vw;
  padding-left: 1.5625vw;
}

#main ul.body li#section1 .section1_content .section1_way ul li i {
  font-size: 0.9375vw;
  color: #4E4E4F;
  line-height: 1.875vw;
  padding-top: 0.98958vw;
  padding-left: 1.5625vw;
  padding-right: 0.78125vw;
}

#main ul.body li#section2 {
  height: 86.51042vw;
  background: #FFFFFF;
}

#main ul.body li#section2 p {
  font-size: 2.29167vw;
  font-weight: 400;
  color: #000000;
  line-height: 3.33333vw;
  padding-left: 13.64583vw;
  padding-bottom: 0.52083vw;
}

#main ul.body li#section2 p:first-child {
  padding-top: 6.66667vw;
}

#main ul.body li#section2 .section2_content1 {
  width: 72.5vw;
  height: 26.40625vw;
  display: block;
  position: relative;
  margin: 1.5625vw auto 0;
  background: url("../images/bg2-1.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section2 .section2_content1 div {
  position: absolute;
}

#main ul.body li#section2 .section2_content1 div span:first-child {
  font-size: 2.39583vw;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 3.48958vw;
}

#main ul.body li#section2 .section2_content1 div span:first-child i {
  color: #FFFFFF;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1.82292vw;
  display: inline-block;
}

#main ul.body li#section2 .section2_content1 div span:last-child {
  opacity: .9;
  color: #FFFFFF;
  font-size: 1.04167vw;
  line-height: 1.51042vw;
  padding-top: 0.41667vw;
}

#main ul.body li#section2 .section2_content1 div.area1 {
  top: 5.52083vw;
  left: 8.75vw;
}

#main ul.body li#section2 .section2_content1 div.area2 {
  top: 5.67708vw;
  left: 19.42708vw;
}

#main ul.body li#section2 .section2_content1 div.area3 {
  top: 13.75vw;
  left: 8.75vw;
}

#main ul.body li#section2 .section2_content2 {
  width: 72.5vw;
  height: 26.40625vw;
  display: block;
  position: relative;
  margin: 8.80208vw auto 0;
  background: url("../images/bg2-2.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section2 .section2_content2 p {
  font-size: 2.29167vw;
  color: #000000;
  line-height: 3.33333vw;
  padding-left: 41.51042vw;
  padding-top: 3.17708vw;
}

#main ul.body li#section2 .section2_content2 span {
  width: 28.4375vw;
  font-size: 0.9375vw;
  color: #4E4E4F;
  line-height: 1.875vw;
  padding-left: 41.51042vw;
  padding-top: 2.29167vw;
}

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

#main div.footer .footer_nav {
  height: 8.22917vw;
  padding-top: 2.29167vw;
  border-bottom: 1px solid #C9D3E4;
}

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

#main div.footer .footer_nav .footer_func ul {
  width: 20.83333vw;
}

#main div.footer .footer_nav .footer_func ul li {
  cursor: pointer;
  height: 1.82292vw;
  line-height: 1.875vw;
  display: inline;
}

#main div.footer .footer_nav .footer_func ul li a {
  font-size: 1.04167vw;
  color: #011523;
}

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

#main div.footer .copyright p {
  height: 3.75vw;
  font-size: 0.83333vw;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #404F78;
  line-height: 3.75vw;
  padding-bottom: 0;
}

#main div.footer .copyright a {
  color: #404F78;
  font-size: 0.83333vw;
}

#main div.footer .footer_address {
  bottom: 3.75vw;
  font-size: 0.9375vw;
  height: 3.33333vw;
  font-weight: 400;
  color: #404F78;
  line-height: 3.33333vw;
  padding-bottom: 0;
  position: absolute;
}