@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: absolute;
  justify-content: space-between;
  align-items: center;
  line-height: 5.46875vw;
  padding: 0 13.69792vw;
}

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

#main div.header .header_title a {
  padding: 0 1.04167vw;
}

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

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

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

#main ul.body li#section1 .section1_content span {
  opacity: .7;
}

#main ul.body li#section2 {
  height: 61.97917vw;
  background-color: #ffffff;
}

#main ul.body li#section2 .section2_content {
  margin: 0 auto;
  padding-top: 8.28125vw;
}

#main ul.body li#section2 .section2_content p {
  height: 3.07292vw;
  font-size: 3.07292vw;
  text-align: center;
  font-family: Noto Sans S Chinese;
  font-weight: bold;
  color: #071532;
  line-height: 3.07292vw;
}

#main ul.body li#section2 .section2_content .section2_saas {
  margin: 2.5vw 12.5vw 7.70833vw;
}

#main ul.body li#section2 .section2_content .section2_saas img {
  width: 22.91667vw;
  height: 36.45833vw;
}

#main ul.body li#section3 {
  height: 42.70833vw;
  background: url("../images/syt-bg2.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section3 .section3_content {
  padding: 9.84375vw 13.48958vw 0;
}

#main ul.body li#section3 .section3_content .section3_left {
  width: 30vw;
}

#main ul.body li#section3 .section3_content span:nth-child(5), #main ul.body li#section3 .section3_content span:nth-child(6) {
  width: 7.65625vw;
  height: 2.76042vw;
  cursor: pointer;
  font-size: 1.04167vw;
  display: inline-block;
  font-family: Noto Sans S Chinese;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 2.76042vw;
  border: 0.05208vw solid #fff;
  border-radius: 0.52083vw;
  margin-top: 2.29167vw;
}

#main ul.body li#section3 .section3_content span:nth-child(5) {
  margin-right: 1.04167vw;
}

#main ul.body li#section3 .section3_content .section3_right {
  width: 31.25vw;
  height: 15.52083vw;
  padding-top: 4.16667vw;
  padding-left: 4.84375vw;
  background: url("../images/syt-bg2-tips.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section3 .section3_content .section3_right span:first-child {
  font-size: 1.45833vw;
  padding-bottom: 0.83333vw;
}

#main ul.body li#section4 {
  left: 0;
  right: 0;
  bottom: 74.73958vw;
  width: 88.54167vw;
  height: 35.9375vw;
  margin: 0 auto;
  position: absolute;
  background: url("../images/syt-bg3.png") no-repeat;
  background-size: 100% auto;
}

#main ul.body li#section4 .section4_content {
  padding: 8.125vw 0 0 7.8125vw;
}

#main ul.body li#section4 .section4_content .section_func {
  width: 27.08333vw;
  margin-top: 3.22917vw;
}

#main ul.body li#section4 .section4_content .section_func span {
  width: 7.13542vw;
  height: 2.76042vw;
  font-size: 1.04167vw;
  font-weight: bold;
  text-align: center;
  line-height: 2.76042vw;
  border-radius: 0.52083vw;
  display: inline-block;
  border: 0.05208vw solid #ffffff;
  margin-right: 1.5625vw;
  margin-bottom: 1.04167vw;
}

#main ul.body li#section5 {
  height: 41.92708vw;
  padding-top: 37.76042vw;
  margin: 0 auto;
  position: relative;
}

#main ul.body li#section5 .section5_content {
  margin: 0 13.54167vw;
}

#main ul.body li#section5 .section5_left {
  margin-top: 3.95833vw;
}

#main ul.body li#section5 .section5_left p {
  height: 2.91667vw;
  font-size: 2.91667vw;
  line-height: 2.91667vw;
  font-family: Noto Sans S Chinese;
  font-weight: bold;
  color: #071532;
}

#main ul.body li#section5 .section5_left span {
  height: auto;
  width: 23.54167vw;
  color: #071532;
  opacity: 0.8;
}

#main ul.body li#section5 .section5_left span:nth-child(2) {
  margin-bottom: 1.5625vw;
}

#main ul.body li#section5 .section5_right {
  width: 42.70833vw;
  height: 29.16667vw;
  background: url("../images/syt-bg4.png") no-repeat;
  background-size: 100% auto;
}

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

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

#main div.footer .footer_nav .footer_logo {
  width: 8.85417vw;
  height: 1.66667vw;
  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.2;
  display: inline;
}

#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.2;
  padding-top: 1.82292vw;
}

#main div.footer .gov 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.2;
}

#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;
}