.container .main .tabber {
  margin: 64px 0;
  margin: 0.33333rem 0;
  display: flex;
}

.container .main .tabber .tab {
  flex: auto;
  display: flex;
  justify-content: space-between;
}

.container .main .tabber .tab li {
  float: left;
  display: flex;
  width: 100px;
  width: 0.52083rem;
}

.container .main .tabber .tab li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.07292rem;
  color: #333;
}

.container .main .tabber .tab li a b {
  height: 100px;
  width: 100%;
  height: 0.52083rem;
  background-size: cover;
}

.container .main .tabber .tab li a p {
  margin: 0.1875rem 0;
}

.container .main .tabber .tab li a img {
  display: none;
  width: 100%;
}

.container .main .tabber .tab li a:hover p {
  font-weight: bold;
}

.container .main .tabber .tab li a:hover img {
  display: block;
}

.container .main .tabber .tab li.active a p {
  font-weight: bold;
}

.container .main .tabber .tab li.active a img {
  display: block;
}

.container .main .tabber .tab li:first-child a b {
  background-image: url("../images/service/9dangjian2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:first-child a:hover b {
  background-image: url("../images/service/9dangjian.png");
}

.container .main .tabber .tab li:first-child.active a b {
  background-image: url("../images/service/9dangjian.png");
}

.container .main .tabber .tab li:nth-child(2) a b {
  background-image: url("../images/service/1Park2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(2) a:hover b {
  background-image: url("../images/service/1Park.png");
}

.container .main .tabber .tab li:nth-child(2).active a b {
  background-image: url("../images/service/1Park.png");
}

.container .main .tabber .tab li:nth-child(3) a b {
  background-image: url("../images/service/2Tour2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(3) a:hover b {
  background-image: url("../images/service/2Tour.png");
}

.container .main .tabber .tab li:nth-child(3).active a b {
  background-image: url("../images/service/2Tour.png");
}

.container .main .tabber .tab li:nth-child(4) a b {
  background-image: url("../images/service/3Police2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(4) a:hover b {
  background-image: url("../images/service/3Police.png");
}

.container .main .tabber .tab li:nth-child(4).active a b {
  background-image: url("../images/service/3Police.png");
}

.container .main .tabber .tab li:nth-child(5) a b {
  background-image: url("../images/service/4green2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(5) a:hover b {
  background-image: url("../images/service/4green.png");
}

.container .main .tabber .tab li:nth-child(5).active a b {
  background-image: url("../images/service/4green.png");
}

.container .main .tabber .tab li:nth-child(6) a b {
  background-image: url("../images/service/5Water2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(6) a:hover b {
  background-image: url("../images/service/5Water.png");
}

.container .main .tabber .tab li:nth-child(6).active a b {
  background-image: url("../images/service/5Water.png");
}

.container .main .tabber .tab li:nth-child(7) a b {
  background-image: url("../images/service/6traffic2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(7) a:hover b {
  background-image: url("../images/service/6traffic.png");
}

.container .main .tabber .tab li:nth-child(7).active a b {
  background-image: url("../images/service/6traffic.png");
}

.container .main .tabber .tab li:nth-child(8) a b {
  background-image: url("../images/service/7Network2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:nth-child(8) a:hover b {
  background-image: url("../images/service/7Network.png");
}

.container .main .tabber .tab li:nth-child(8).active a b {
  background-image: url("../images/service/7Network.png");
}

.container .main .tabber .tab li:last-child a b {
  background-image: url("../images/service/8Hall2.png");
  background-repeat: no-repeat;
}

.container .main .tabber .tab li:last-child a:hover b {
  background-image: url("../images/service/8Hall.png");
}

.container .main .tabber .tab li:last-child.active a b {
  background-image: url("../images/service/8Hall.png");
}

.container .main .content {
  clear: both;
  width: 820px;
  width: 4.27083rem;
  margin: 0 auto;
}

.container .main .content > div {
  display: none;
}

.container .main .content > .active {
  display: block;
}

.container .main .content > .active > div {
  margin-bottom: 0.3125rem;
}

.container .main .content .wisTitle {
  display: flex;
  align-items: center;
}

.container .main .content .wisTitle > div {
  float: left;
  display: flex;
  align-items: center;
}

.container .main .content .wisTitle p {
  margin-left: 0.05208rem;
  font-size: 0.14583rem;
  color: #f39416;
}

.container .main .content .wisTitle span {
  color: #1862ab;
}

.container .main .content .garden img {
  width: 0.28646rem;
}

.container .main .content .apply {
  margin-bottom: 0.625rem;
}

.container .main .content .contentTitle {
  font-size: 0.14583rem;
  color: #f39416;
  margin-bottom: 0.3125rem;
}

.container .main .content .contentText {
  font-size: 0.07292rem;
  color: #333;
  line-height: 0.14583rem;
  text-indent: 1em;
}

.container .main .content .framePic {
  text-align: center;
}

.container .main .content .framePic img {
  width: 4.27083rem;
}

.container .main .content .successExp {
  text-align: center;
}

.container .main .content .successExp .mobileExp {
  width: 2.65625rem;
  margin: 0 auto;
}

.container .main .content .successExp .mobileExp img {
  width: 100%;
}

.container .main .content .successExp .mobileExp .mobileDesc {
  display: flex;
  justify-content: space-between;
  font-size: 0.10417rem;
}

.container .main .content .successExp .pcExp {
  width: 100%;
  margin-top: 0.3125rem;
}

.container .main .content .successExp .pcExp img {
  width: 100%;
}

.container .main .content .successExp .pcExp .expDesc {
  font-size: 0.10417rem;
}

.container .main .content .activity {
  display: flex;
  flex-wrap: wrap;
}

.container .main .content .activity > div {
  width: 2.08333rem;
  margin-right: 0.10417rem;
  margin-bottom: 0.07812rem;
}

.container .main .content .activity > div:nth-child(2n) {
  margin-right: 0;
}

.container .main .content .activity > div img {
  width: 100%;
}

.container .main .content .appPic {
  margin-top: 0.3125rem;
}

.container .main .content .appPic img {
  width: 4.27083rem;
}

.container .main .content .travel img {
  width: 1.21354rem;
}

.container .main .content .resource {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container .main .content .resource .circle {
  text-align: center;
  width: 514px;
  height: 516px;
  margin: 50px 0 100px;
  width: 2.67708rem;
  height: 2.6875rem;
  margin: 0.26042rem 0 0.52083rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: url("../images/service/tu12.png") no-repeat;
  background-size: cover;
}

.container .main .content .resource .circle .centerBg {
  width: 213px;
  height: 190px;
  width: 1.10938rem;
  height: 0.98958rem;
  display: flex;
  justify-content: center;
  background: url("../images/service/tu11.png") no-repeat;
  background-size: cover;
}

.container .main .content .resource .circle .centerBg img {
  width: 0.94792rem;
  animation: scalabe 1s linear infinite;
  -webkit-animation: scalabel 1s linear infinite;
}

.container .main .content .resource .circle .parentCircle {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.container .main .content .resource .circle .orgenCircle {
  width: 140px;
  height: 142px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 0.72917rem;
  height: 0.73958rem;
  font-size: 0.14583rem;
  color: #fff;
}

.container .main .content .resource .circle .top {
  background: url("../images/service/tuk.png") no-repeat;
  background-size: cover;
  transform: translate(1.00573rem, -0.44271rem);
}

.container .main .content .resource .circle .bottome {
  background: url("../images/service/tuz.png") no-repeat;
  background-size: cover;
  transform: translate(1.00573rem, 2.24479rem);
}

.container .main .content .resource .circle .letterCircle {
  position: absolute;
  font-size: 0.0625rem;
  color: #333;
}

.container .main .content .resource .circle .letterCircle img {
  width: 0.53125rem;
}

.container .main .content .resource .circle .letterCircle p {
  position: absolute;
}

.container .main .content .resource .circle .animate img {
  animation: scalabe 1s linear infinite;
  -webkit-animation: scalabel 1s linear infinite;
}

.container .main .content .resource .circle .lt1 {
  transform: translate(0.41667rem, -0.15397rem);
}

.container .main .content .resource .circle .lt1 p {
  transform: translate(0.46875rem, -0.0625rem);
}

.container .main .content .resource .circle .lt2 {
  transform: translate(-0.07584rem, 0.33854rem);
}

.container .main .content .resource .circle .lt2 p {
  transform: translate(0.58333rem, -0.30208rem);
}

.container .main .content .resource .circle .lm3 {
  transform: translate(-0.26042rem, 1.00521rem);
}

.container .main .content .resource .circle .lm3 p {
  transform: translate(0.58333rem, -0.3125rem);
}

.container .main .content .resource .circle .lb4 {
  transform: translate(-0.07584rem, 1.67188rem);
}

.container .main .content .resource .circle .lb4 p {
  transform: translate(0.58333rem, -0.38542rem);
}

.container .main .content .resource .circle .lb5 {
  transform: translate(0.41667rem, 2.16439rem);
}

.container .main .content .resource .circle .lb5 p {
  transform: translate(0.43229rem, -0.58333rem);
}

.container .main .content .resource .circle .rt1 {
  transform: translate(1.77656rem, -0.15397rem);
}

.container .main .content .resource .circle .rt1 p {
  transform: translate(-0.3125rem, -0.0625rem);
}

.container .main .content .resource .circle .rt2 {
  transform: translate(2.26647rem, 0.33854rem);
}

.container .main .content .resource .circle .rt2 p {
  transform: translate(-0.28125rem, -0.30208rem);
}

.container .main .content .resource .circle .rm3 {
  transform: translate(2.45365rem, 1.00521rem);
}

.container .main .content .resource .circle .rm3 p {
  transform: translate(-0.40625rem, -0.3125rem);
}

.container .main .content .resource .circle .rb4 {
  transform: translate(2.24043rem, 1.67188rem);
}

.container .main .content .resource .circle .rb4 p {
  transform: translate(-0.40625rem, -0.38542rem);
}

.container .main .content .resource .circle .rb5 {
  transform: translate(1.77656rem, 2.16439rem);
}

.container .main .content .resource .circle .rb5 p {
  transform: translate(-0.375rem, -0.58333rem);
}

.container .main .content .resource .smBTitle {
  font-size: 0.07292rem;
  color: #f39416;
}

.container .main .content .planeContent {
  width: 820px;
  height: 421px;
  width: 4.27083rem;
  height: 2.19271rem;
  background: url("../images/service/plane.jpg") no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}

.container .main .content .serveList {
  display: flex;
  justify-content: center;
}

.container .main .content .serveList ul {
  display: flex;
  flex-wrap: wrap;
}

.container .main .content .serveList ul li {
  float: left;
  width: 50%;
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.15625rem;
}

.container .main .content .serveList ul li .greentitle {
  display: flex;
  align-items: center;
  font-size: 0.09375rem;
  color: #308b90;
  margin-bottom: 0.15625rem;
}

.container .main .content .serveList ul li .greentitle img {
  float: left;
  margin-right: 0.05208rem;
  transition: scale 1.2s;
}

.container .main .content .serveList ul li .greentitle a:hover img {
  transform: scale(1.2);
}

.container .main .content .serveList ul li .contentText {
  align-self: center;
  line-height: 0.11458rem;
  width: 75%;
}

.container .main .content .serveList ul li:first-child img {
  width: 0.26562rem;
}

.container .main .content .serveList ul li:nth-child(2) img {
  width: 0.15625rem;
}

.container .main .content .serveList ul li:nth-child(3) img {
  width: 0.25521rem;
}

.container .main .content .serveList ul li:last-child img {
  width: 0.19271rem;
}

.container .main .content .bottomMap {
  margin: 0;
  display: flex;
  justify-content: center;
}

.container .main .content .bottomMap img {
  width: 4.06771rem;
  height: 1.42708rem;
}

.container .main .content .policing img {
  width: 0.33854rem;
}

.container .main .content .legend {
  margin-top: 0.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .main .content .legend .pl-affairs {
  display: flex;
  flex-direction: row;
  margin-top: 0.3125rem;
  align-items: center;
  justify-content: center;
}

.container .main .content .legend .pl-affairs .leftCircle {
  text-align: center;
  float: left;
  width: 124px;
  height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0.64583rem;
  height: 0.64583rem;
  color: #fff;
  line-height: 0.11458rem;
  font-size: 0.09375rem;
}

.container .main .content .legend .pl-affairs .rightBox {
  float: left;
  width: 622px;
  height: 115px;
  display: flex;
  width: 3.23958rem;
  height: 0.59896rem;
  font-size: 0.0625rem;
  color: #89898a;
}

.container .main .content .legend .pl-affairs .colPart {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.container .main .content .legend .pl-affairs .colPart > div {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #8a8a8a;
  border-radius: 4px;
  border: 0.01042rem solid #8a8a8a;
  border-radius: 0.02083rem;
}

.container .main .content .legend .pl-affairs .saasl {
  background: url("../images/service/plo.png") no-repeat;
  background-size: cover;
}

.container .main .content .legend .pl-affairs .saasr {
  background: url("../images/service/plo1.png") no-repeat;
  background-size: cover;
  padding: 0 36px;
  padding: 0 0.1875rem;
}

.container .main .content .legend .pl-affairs .saasr > div {
  float: left;
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container .main .content .legend .pl-affairs .saasr > div p {
  margin-top: 0.05208rem;
}

.container .main .content .legend .pl-affairs .saasr div:first-child img {
  width: 0.34896rem;
}

.container .main .content .legend .pl-affairs .saasr div:nth-child(2) img {
  width: 0.19792rem;
}

.container .main .content .legend .pl-affairs .saasr div:nth-child(3) img {
  width: 0.29167rem;
}

.container .main .content .legend .pl-affairs .saasr div:last-child img {
  width: 0.24479rem;
}

.container .main .content .legend .pl-affairs .paaslb {
  background: url("../images/service/plb.png") no-repeat;
  background-size: cover;
}

.container .main .content .legend .pl-affairs .paasrb {
  background: url("../images/service/plb1.png") no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-left: 0.15625rem;
}

.container .main .content .legend .pl-affairs .paasrb .towCol > div {
  float: left;
  width: 258px;
  height: 32px;
  margin: 10px;
  width: 1.34375rem;
  height: 0.16667rem;
  margin: 0.05208rem;
}

.container .main .content .legend .pl-affairs .paasrb .threeCol > div {
  float: left;
  width: 172px;
  height: 32px;
  margin: 5px;
  margin: 0.02604rem;
  width: 0.89583rem;
  height: 0.16667rem;
}

.container .main .content .legend .pl-affairs .paaslg {
  background: url("../images/service/plg.png") no-repeat;
  background-size: cover;
}

.container .main .content .legend .pl-affairs .paasrg {
  width: 623px;
  height: 182px;
  padding-left: 30px;
  width: 3.24479rem;
  height: 0.94792rem;
  background: url("../images/service/plg1.png") no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0.15625rem;
}

.container .main .content .legend .pl-affairs .paasrg .threePic {
  flex-direction: row;
  margin-bottom: 0.05208rem;
}

.container .main .content .legend .pl-affairs .paasrg .threePic img:first-child {
  width: 0.29167rem;
}

.container .main .content .legend .pl-affairs .paasrg .threePic img:nth-child(2) {
  width: 0.36979rem;
}

.container .main .content .legend .pl-affairs .paasrg .threePic img:last-child {
  width: 0.28125rem;
}

.container .main .content .legend .pl-affairs .paasrg .fourCol {
  margin-bottom: 0.05208rem;
}

.container .main .content .legend .pl-affairs .paasrg .fourCol > div {
  float: left;
  width: 136px;
  height: 32px;
  width: 0.70833rem;
  height: 0.16667rem;
  border: 0.01042rem solid #b5b7b6;
}

.container .main .content .legend .pl-affairs .paasrg .sixCol {
  margin-bottom: 0.07812rem;
}

.container .main .content .legend .pl-affairs .paasrg .sixCol > div {
  float: left;
  width: 88px;
  height: 32px;
  width: 0.45833rem;
  height: 0.16667rem;
  border: 0.01042rem solid #b5b7b5;
}

.container .main .content .actual {
  margin-bottom: 0.625rem;
}

.container .main .content .actual .actualPic img {
  width: 4.27083rem;
}

.container .main .content .actual .actualPic:last-child {
  margin-top: 0.3125rem;
}

.container .main .content .envirProtect img {
  width: 0.25521rem;
}

.container .main .content .greenIntroduce,
.container .main .content .travelIntroduce {
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #f6b87f;
}

.container .main .content .envirFrame {
  display: flex;
  justify-content: center;
  margin-top: 0.3125rem;
}

.container .main .content .envirFrame img {
  height: 2.18229rem;
}

.container .main .content .corePic {
  display: flex;
  justify-content: center;
}

.container .main .content .corePic img {
  height: 2.36979rem;
}

.container .main .content .greenExample {
  margin-bottom: 0.625rem;
}

.container .main .content .greenExample .example {
  display: flex;
  justify-content: center;
}

.container .main .content .greenExample .example img {
  height: 1.66667rem;
}

.container .main .content .water img {
  width: 0.33854rem;
}

.container .main .content .framework {
  display: flex;
}

.container .main .content .framework .boxs {
  float: left;
  display: flex;
  flex-direction: column;
}

.container .main .content .framework .boxs .arrowBox {
  width: 512px;
  height: 122px;
  display: flex;
  flex-direction: row;
  width: 2.66667rem;
  height: 0.63542rem;
  align-items: center;
}

.container .main .content .framework .boxs .arrowBox .arrowText {
  float: left;
  text-align: center;
  flex: 0 0 17.12%;
  display: flex;
  justify-content: center;
  font-size: 0.06771rem;
  color: #fff;
}

.container .main .content .framework .boxs .arrowBox .boxText {
  float: left;
  display: flex;
  flex-direction: column;
  font-size: 0.05729rem;
  color: #333;
  line-height: 0.125rem;
  transform: translate(0.10417rem, -0.07292rem);
}

.container .main .content .framework .boxs .orgenBox {
  background: url("../images/service/wa-1.png") no-repeat;
  background-size: cover;
}

.container .main .content .framework .boxs .cyanBox {
  background: url("../images/service/wa-2.png") no-repeat;
  background-size: cover;
}

.container .main .content .framework .boxs .blueBox {
  background: url("../images/service/wa-3.png") no-repeat;
  background-size: cover;
}

.container .main .content .framework .boxs .blueBox .boxText {
  transform: translate(0.10417rem, -0.03646rem);
}

.container .main .content .framework .wheels {
  float: left;
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .main .content .framework .wheels > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.0625rem;
  color: #fff;
}

.container .main .content .framework .wheels > div img {
  position: absolute;
}

.container .main .content .framework .wheels .orgenWheel {
  float: right;
  width: 93px;
  height: 93px;
  align-self: flex-end;
  width: 0.48438rem;
  height: 0.48438rem;
  background: url("../images/service/wa-4.png") no-repeat;
  background-size: cover;
}

.container .main .content .framework .wheels .orgenWheel img {
  transform-origin: 0.33854rem 0.30729rem;
  transform: translate(-0.28646rem, -0.15625rem);
  width: 0.11979rem;
  height: 0.26042rem;
}

.container .main .content .framework .wheels .cyanWheel {
  width: 87px;
  height: 94px;
  width: 0.45312rem;
  height: 0.48958rem;
  background: url("../images/service/wa-6.png") no-repeat;
  background-size: cover;
}

.container .main .content .framework .wheels .cyanWheel img {
  transform-origin: 0.36979rem 0.34375rem;
  transform: translate(-0.28646rem, -0.15625rem);
  width: 0.20833rem;
  height: 0.32812rem;
}

.container .main .content .framework .wheels .blueWheel {
  width: 131px;
  height: 130px;
  float: right;
  align-self: flex-end;
  width: 0.68229rem;
  height: 0.67708rem;
  background: url("../images/service/wa-8.png") no-repeat;
  background-size: cover;
}

.container .main .content .framework .wheels .blueWheel img {
  transform-origin: -0.07292rem 0.44271rem;
  transform: translate(0.28646rem, -0.07292rem);
  width: 0.45312rem;
  height: 0.70312rem;
}

.container .main .content .traffic p:first-child {
  margin: 0;
  float: left;
}

.container .main .content .traffic img {
  float: left;
  transform: translate(-0.15625rem);
  width: 0.44792rem;
}

.container .main .content .traffic p:last-child {
  transform: translate(-0.15625rem);
}

.container .main .content .tr-component .componentPic {
  width: 100%;
}

.container .main .content .tr-component .componentPic img {
  width: 100%;
}

.container .main .content .tr-component .componentOl {
  width: 100%;
  margin-top: 0.15625rem;
}

.container .main .content .tr-component .componentOl ul {
  display: flex;
  flex-wrap: wrap;
}

.container .main .content .tr-component .componentOl ul li {
  float: left;
  width: 204px;
  flex: 0 0 1.0625rem;
  width: 1.0625rem;
  display: flex;
  align-items: center;
  font-size: 0.07292rem;
  color: #333;
  line-height: 0.22396rem;
}

.container .main .content .tr-component .componentOl ul li b {
  width: 10px;
  height: 10px;
  margin-right: 18px;
  width: 0.05208rem;
  height: 0.05208rem;
  border-radius: 50%;
  background: #2396CF;
  margin-right: 0.09375rem;
}

.container .main .content .stop {
  font-size: 0.07292rem;
  color: #fff;
}

.container .main .content .stopPics {
  display: flex;
  margin-bottom: 0.16667rem;
}

.container .main .content .stopPics img {
  flex: 0 0 50%;
  width: 50%;
}

.container .main .content .stopDesc {
  width: 100%;
  display: flex;
}

.container .main .content .stopDesc .stopText {
  width: 1.29167rem;
  height: 0.31771rem;
  padding: 0.02604rem 0.03125rem 0;
  margin-right: 0.19792rem;
  background: url("../images/service/yeb.png") no-repeat;
  background-size: cover;
  color: #fff;
}

.container .main .content .stopDesc .stopText:last-child {
  margin-right: 0;
}

.container .main .content .stopDesc .stopText .title {
  font-size: 0.07292rem;
  text-align: center;
}

.container .main .content .stopDesc .stopText .text {
  font-size: 0.0625rem;
}

.container .main .content .travelBottomPic img {
  height: 2.10417rem;
}

.container .main .content .netManage img {
  width: 0.3125rem;
}

.container .main .content .ne-apply {
  display: flex;
  flex-direction: column;
}

.container .main .content .ne-apply .neAppList {
  display: flex;
  flex-wrap: wrap;
}

.container .main .content .ne-apply .neAppList > div {
  float: left;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .main .content .ne-apply .neAppList > div .title {
  font-size: 0.09375rem;
  color: #f09115;
  margin: 0.13542rem;
}

.container .main .content .ne-apply .neAppList > div p {
  margin-bottom: 20px;
  font-size: 0.07292rem;
  color: #333;
  line-height: 0.10417rem;
  margin-bottom: 0.13542rem;
  text-indent: 1em;
}

.container .main .content .ne-apply .neAppList > div .jiankong {
  margin: 26px 0;
  margin: 0.13542rem 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.container .main .content .ne-apply .neAppList > div .jiankong > div {
  float: left;
}

.container .main .content .ne-apply .neAppList > div:first-child img {
  width: 410px;
  height: 238px;
  width: 2.13542rem;
  height: 1.28125rem;
}

.container .main .content .ne-apply .neAppList > div:nth-child(2) img {
  width: 2.13542rem;
  height: 1.28125rem;
}

.container .main .content .ne-apply .neAppList > div:nth-child(3) img {
  width: 2.08854rem;
  height: 0.92188rem;
}

.container .main .content .ne-apply .neAppList > div:nth-child(4) img {
  width: 2.0625rem;
  height: 1.28125rem;
}

.container .main .content .ne-apply .structure {
  height: 562px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 2.92708rem;
}

.container .main .content .ne-apply .structure .parentStruct {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.container .main .content .ne-apply .structure .structArrow {
  width: 257px;
  height: 234px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.33854rem;
  height: 1.21875rem;
  font-size: 0.09896rem;
  color: #fff;
  line-height: 0.11458rem;
  position: absolute;
}

.container .main .content .ne-apply .structure .structArrow div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .main .content .ne-apply .structure .arrow1 {
  background: url("../images/service/ne-struct1.png") no-repeat;
  background-size: cover;
  transform: translate(1.46615rem);
}

.container .main .content .ne-apply .structure .arrow1 img {
  transform: translateY(0.16667rem);
  width: 0.19271rem;
}

.container .main .content .ne-apply .structure .arrow1 div {
  transform: translateY(-0.07812rem);
}

.container .main .content .ne-apply .structure .arrow2 {
  width: 1.3125rem;
  height: 1.32292rem;
  background: url("../images/service/ne-struct2.png") no-repeat;
  background-size: cover;
  transform: translate(2.34115rem, 0.34375rem);
}

.container .main .content .ne-apply .structure .arrow2 img {
  width: 0.21875rem;
  transform: translate(-0.28125rem, 0.35417rem);
}

.container .main .content .ne-apply .structure .arrow2 div {
  transform: translate(0.10417rem);
}

.container .main .content .ne-apply .structure .arrow3 {
  width: 1.23438rem;
  height: 1.32812rem;
  background: url("../images/service/ne-struct3.png") no-repeat;
  background-size: cover;
  transform: translate(2.14844rem, 1.65625rem);
}

.container .main .content .ne-apply .structure .arrow3 img {
  width: 0.27083rem;
  transform: translate(-0.34896rem, -0.46354rem);
}

.container .main .content .ne-apply .structure .arrow3 div {
  transform: translate(-0.07292rem, 0.10417rem);
}

.container .main .content .ne-apply .structure .arrow4 {
  width: 1.24479rem;
  height: 1.32812rem;
  background: url("../images/service/ne-struct4.png") no-repeat;
  background-size: cover;
  transform: translate(0.79427rem, 1.65104rem);
}

.container .main .content .ne-apply .structure .arrow4 img {
  width: 0.29167rem;
  transform: translate(0.35938rem, -0.38542rem);
}

.container .main .content .ne-apply .structure .arrow4 div {
  transform: translate(0.05208rem, 0.13021rem);
}

.container .main .content .ne-apply .structure .arrow5 {
  width: 1.3125rem;
  height: 1.27604rem;
  background: url("../images/service/ne-struct5.png") no-repeat;
  background-size: cover;
  transform: translate(0.57552rem, 0.34375rem);
}

.container .main .content .ne-apply .structure .arrow5 img {
  width: 0.22917rem;
  transform: translate(0.28646rem, 0.34375rem);
}

.container .main .content .ne-apply .structure .arrow5 div {
  transform: translate(-0.13021rem, 0.05208rem);
}

.container .main .content .ne-apply .structure .midtext {
  font-size: 0.23438rem;
  color: #f29224;
  font-weight: bold;
}

.container .main .content .ne-database {
  display: flex;
  margin-bottom: 120px;
  margin-bottom: 0.625rem;
}

.container .main .content .ne-database > div {
  width: 50%;
  flex: 0 0 50%;
}

.container .main .content .ne-database .contentText {
  float: left;
  text-indent: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container .main .content .ne-database .function {
  text-align: center;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 1.60417rem;
}

.container .main .content .ne-database .function .midText {
  font-size: 0.13021rem;
  color: #727272;
  font-weight: bold;
}

.container .main .content .ne-database .function .parentFunc {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.container .main .content .ne-database .function .functArrow {
  width: 150px;
  height: 137px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0.78125rem;
  height: 0.71354rem;
  font-size: 0.08333rem;
  color: #fff;
  position: absolute;
}

.container .main .content .ne-database .function .arrow1 {
  background: url("../images/service/ne-function1.png") no-repeat;
  background-size: cover;
  transform: translate(0.70312rem);
}

.container .main .content .ne-database .function .arrow1 img {
  transform: translateY(0.07812rem);
  width: 0.11458rem;
}

.container .main .content .ne-database .function .arrow2 {
  background: url("../images/service/ne-function2.png") no-repeat;
  background-size: cover;
  transform: translate(1.22396rem, 0.05729rem);
}

.container .main .content .ne-database .function .arrow2 img {
  transform: translate(-32px, 48px);
  width: 0.14062rem;
}

.container .main .content .ne-database .function .arrow3 {
  background: url("../images/service/ne-function3.png") no-repeat;
  background-size: cover;
  transform: translate(1.22396rem, 0.79167rem);
}

.container .main .content .ne-database .function .arrow3 img {
  transform: translate(-0.17708rem, -0.25rem);
  width: 0.15104rem;
}

.container .main .content .ne-database .function .arrow4 {
  background: url("../images/service/ne-function4.png") no-repeat;
  background-size: cover;
  transform: translate(0.70312rem, 0.88542rem);
}

.container .main .content .ne-database .function .arrow4 img {
  transform: translateY(-0.07812rem);
  width: 0.15625rem;
}

.container .main .content .ne-database .function .arrow5 {
  background: url("../images/service/ne-function5.png") no-repeat;
  background-size: cover;
  transform: translate(0.18229rem, 0.79167rem);
}

.container .main .content .ne-database .function .arrow5 img {
  transform: translate(0.17708rem, -0.25rem);
  width: 0.15104rem;
}

.container .main .content .ne-database .function .arrow6 {
  background: url("../images/service/ne-function6.png") no-repeat;
  background-size: cover;
  transform: translate(0.18229rem, 0.05729rem);
}

.container .main .content .ne-database .function .arrow6 img {
  transform: translate(0.19792rem, 0.26562rem);
  width: 0.125rem;
}

.container .main .content .hall img {
  width: 0.49479rem;
}

.container .main .content .arrowList {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.10417rem;
  color: #727171;
}

.container .main .content .arrowList > div {
  width: 3.44792rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .main .content .arrowList > div:nth-child(2) {
  margin: 0.10417rem 0;
  justify-content: flex-end;
  padding-right: 0.15104rem;
}

.container .main .content .arrowList > div:nth-child(2) img {
  width: 0.07292rem;
}

.container .main .content .arrowList .textArrow {
  justify-content: space-between;
}

.container .main .content .arrowList .textArrow img {
  width: 0.14583rem;
}

.container .main .content .arrowList .textArrow > div {
  float: left;
}

.container .main .content .arrowList .highOrgen {
  color: #ee7e2c;
}

.container .main .content .hallOffer {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.3125rem;
}

.container .main .content .hallOffer img {
  height: 2.375rem;
  margin-bottom: 0.10417rem;
}

.container .main .content .using {
  margin-bottom: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.container .main .content .using > div {
  float: left;
  width: 50%;
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.13021rem;
}

.container .main .content .using > div img {
  height: 1.375rem;
}

.container .main .content .using > div .title {
  font-size: 0.09375rem;
  color: #333;
  margin: 0.10417rem 0;
}

.container .main .content .using > div p {
  font-size: 0.07292rem;
  color: #666;
  line-height: 0.10417rem;
  width: 2.08333rem;
  text-indent: 1em;
}

@keyframes scalabel {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes scalabel {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes rotateo {
  0% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(0deg);
  }
  100% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(360deg);
  }
}

@-webkit-keyframes rotateo {
  0% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(0deg);
  }
  100% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(360deg);
  }
}

@keyframes rotatec {
  0% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(360deg);
  }
  100% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(0deg);
  }
}

@-webkit-keyframes rotatec {
  0% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(360deg);
  }
  100% {
    transform: translate(-0.28646rem, -0.15625rem) rotate(0deg);
  }
}

@keyframes rotateb {
  0% {
    transform: translate(0.28646rem, -0.07292rem) rotate(0deg);
  }
  100% {
    transform: translate(0.28646rem, -0.07292rem) rotate(360deg);
  }
}

@-webkit-keyframes rotateb {
  0% {
    transform: translate(0.28646rem, -0.07292rem) rotate(0deg);
  }
  100% {
    transform: translate(0.28646rem, -0.07292rem) rotate(360deg);
  }
}