.w1400 {
  width: 1400px;
  margin: 0 auto;
}
body {
  overflow-x: hidden;
}
.contactBa {
  position: relative;
  height: 849px;
}
.contactBa .pic{position: fixed;left: 0;top: 0; width: 100%;height: 849px;overflow: hidden;}
.contactBa .pic i{display: none; width: 100%;height: 100%;animation:pic_m 2s ease}
.contactBa .pic .i1{display: block;}

.contactBa .mobile {
  display: none;
}
.contactBa .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contactBa img {
  width: 100%;
}
.contactBa .w1400 {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
.contactBa .w1400 .innerText {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60%;
}
.contactBa .w1400 .innerText .tit {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 38px;
}
.contactBa .w1400 .innerText .text {
  font-size: 26px;
  color: #ffffff;
  line-height: 40px;
}
.contactUs {
  padding-top: 114px;
}
.contactUs .page1 {
  margin-bottom: 120px;
}
.contactUs .page1 .w1400 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.contactUs .page1 .w1400 .item {
  width: 33.33%;
  height: 344px;
  position: relative;
  text-align: center;
  transition: box-shadow 0.5s linear;
}
.contactUs .page1 .w1400 .item .box {
  width: 100%;
  height: 100%;
  position: relative;
  transition-duration: 0.5s;
}
.contactUs .page1 .w1400 .item .box .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/sPage/p30.png) 108% 112% no-repeat;
  opacity: 0;
  transition-duration: 0.5s;
  z-index: -1;
}
.contactUs .page1 .w1400 .item .cirs {
  position: absolute;
  top: 0;
  left: 0;
  width: 365px;
  height: 363px;
}
.contactUs .page1 .w1400 .item .cirs .cir {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contactUs .page1 .w1400 .item .cirs .cirs1 {
  background: url(../images/sPage/p1.png) center no-repeat;
  -o-background-size: contain;
  background-size: contain;
  -webkit-animation: icon_zhuan 10s linear infinite forwards;
  -moz-animation: icon_zhuan 10s linear infinite forwards;
  -o-animation: icon_zhuan 10s linear infinite forwards;
  animation: icon_zhuan 10s linear infinite forwards;
}
.contactUs .page1 .w1400 .item .cirs .cirs2 {
  background: url(../images/sPage/p2.png) center no-repeat;
  -o-background-size: contain;
  background-size: contain;
  -webkit-animation: icon_zhuans 10s linear infinite forwards;
  -moz-animation: icon_zhuans 10s linear infinite forwards;
  -o-animation: icon_zhuans 10s linear infinite forwards;
  animation: icon_zhuans 10s linear infinite forwards;
}
.contactUs .page1 .w1400 .item .cirs .cirs3 {
  background: url(../images/sPage/p3.png) center no-repeat;
  -o-background-size: contain;
  background-size: contain;
  -webkit-animation: icon_zhuan3 10s linear infinite forwards;
  -moz-animation: icon_zhuan3 10s linear infinite forwards;
  -o-animation: icon_zhuan3 10s linear infinite forwards;
  animation: icon_zhuan3 10s linear infinite forwards;
}
.contactUs .page1 .w1400 .item .inner {
  position: absolute;
  width: 100%;
  top: 40px;
  left: 0;
  padding: 0 70px;
  box-sizing: border-box;
}
.contactUs .page1 .w1400 .item .inner .icon {
  height: 38px;
  margin-bottom: 25px;
}
.contactUs .page1 .w1400 .item .inner .icon .imgs {
  display: block;
  margin: 0 auto;
}
.contactUs .page1 .w1400 .item .inner .icon .line {
  width: 34px;
  height: 4px;
  display: block;
  background-color: #cccccc;
  margin: 0 auto;
  margin-bottom: 34px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.contactUs .page1 .w1400 .item .inner .text1 {
  font-size: 36px;
  color: #ff0000;
  line-height: 1;
  margin-bottom: 12px;
  font-weight: bold;
  margin-top: 18px;
}
.contactUs .page1 .w1400 .item .inner .text2 {
  display: block;
  font-size: 20px;
  color: #333333;
  line-height: 1;
  margin-bottom: 14px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.contactUs .page1 .w1400 .item .inner .text3 {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.contactUs .page1 .w1400 .item.item2 .inner {
  padding: 0;
}
.contactUs .page1 .w1400 .item.item2 .inner .text2 {
  font-size: 28px;
  color: #999;
}
.contactUs .page1 .w1400 .item:hover .inner .text2 {
  color: #ff0000;
}
.contactUs .page1 .w1400 .item:hover .inner .icon .line {
  background-color: #ff0000;
}
.contactUs .page1 .w1400 .item:hover .box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contactUs .page1 .w1400 .item:hover .box .bg {
  opacity: 1;
}
.contactUs .page1 .w1400 .item3 .inner .icon {
  position: relative;
}
.contactUs .page1 .w1400 .item3 .inner .ewm {
  width: 100%;
  margin-top: 18px;
}
.contactUs .page1 .w1400 .item3 .inner .ewm .imgs {
  display: block;
  margin: 0 auto;
}
.contactUs .page1 .w1400 .item3:hover .inner .icon .ewm {
  opacity: 1;
}
.contactUs .page1-m {
  display: none;
}
.contactUs .page2 {
  margin-bottom: 120px;
}
.contactUs .page2 .map {
  width: 65.42%;
  height: 640px;
  float: left;
  position: relative;
}
.contactUs .page2 .map .map-in {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.contactUs .page2 .map .map-in.cur {
  z-index: 2;
}
.contactUs .page2 .tab {
  float: left;
  width: 34.58%;
  height: 640px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contactUs .page2 .tab .item {
  padding: 48px 44px 0 50px;
  height: 196px;
  box-sizing: border-box;
  position: relative;
}
.contactUs .page2 .tab .item .com-name {
  color: #333333;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: bold;
}
.contactUs .page2 .tab .item .com-add {
  color: #666666;
  line-height: 26px;
  padding-left: 38px;
  background: url(../images/sPage/p8.png) left 5px no-repeat;
  margin-bottom: 12px;
  font-size: 16px;
}
.contactUs .page2 .tab .item .com-phone {
  color: #666666;
  margin-bottom: 12px;
  padding-left: 38px;
  line-height: 24px;
  font-size: 16px;
  background: url(../images/sPage/p9.png) left 5px no-repeat;
}
.contactUs .page2 .tab .item.main-company{
    height: 249px;
    box-sizing: border-box;
}
/*
.contactUs .page2 .tab .item.main-company {
  padding: 60px 74px 0;
  height: 249px;
  box-sizing: border-box;
}
.contactUs .page2 .tab .item.main-company .com-name {
  font-size: 24px;
}*/
.contactUs .page2 .tab .item.cur {
  background-color: #d43a36;
}
.contactUs .page2 .tab .item.cur .com-name,
.contactUs .page2 .tab .item.cur .com-add,
.contactUs .page2 .tab .item.cur .com-phone {
  color: #ffffff;
}
.contactUs .page2 .tab .item.cur .com-add {
  background: url(../images/sPage/p8_s.png) left center no-repeat;
}
.contactUs .page2 .tab .item.cur .com-phone {
  background: url(../images/sPage/p9_s.png) left center no-repeat;
}
.contactUs .page2 .tab .item.cur .com-phones {
  background: url(../images/icon/icon_10s.png) left center no-repeat;
}
.contactUs .page2 .tab .item.cur::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -24px;
  width: 25px;
  height: 42px;
  background: url(../images/sPage/p10.png) center no-repeat;
  margin-top: -21px;
}
.contactUs .page3 {
  padding-top: 96px;
  position: relative;
}
.contactUs .page3 .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  background-color: #f6f6f6;
  z-index: -1;
}
.contactUs .page3 .tit {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
  line-height: 1;
}
.contactUs .page3 .tit span {
  color: #ff0000;
  display: inline-block;
}
.contactUs .page3 .forms {
  width: 77.7%;
  float: right;
  padding-top: 100px;
  padding-bottom: 110px;
  margin-right: 70px;
  box-sizing: border-box;
}
.contactUs .page3 .forms .list {
  width: 100%;
}
.contactUs .page3 .forms .list .top .item {
  float: left;
  width: 45.07%;
}
.contactUs .page3 .forms .list .top .item .input {
  font-size: 18px;
  color: #666666;
  padding-left: 48px;
  height: 56px;
  width: 100%;
  background: url(../images/sPage/p12.png) center left no-repeat;
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
  display: block;
}
.contactUs .page3 .forms .list .top .item:nth-child(2n) {
  float: right;
}
.contactUs .page3 .forms .list .top .item.item2 .input {
  background: url(../images/sPage/p13.png) center left no-repeat;
}
.contactUs .page3 .forms .list .top .item.item3 {
  margin-top: 40px;
}
.contactUs .page3 .forms .list .top .item.item3 .input {
  background: url(../images/sPage/p14.png) center left no-repeat;
}
.contactUs .page3 .forms .list .top .item.item4 {
  margin-top: 40px;
}
.contactUs .page3 .forms .list .top .item.item4 .input {
  background: url(../images/sPage/p15.png) center left no-repeat;
}
.contactUs .page3 .forms .list .bottom .item .textarea {
  margin-top: 56px;
  width: 100%;
  height: 156px;
  border: 1px solid #dddddd;
  font-size: 18px;
  color: #666666;
  padding: 16px;
  box-sizing: border-box;
  font-family: '微软雅黑';
  display: block;
}
.contactUs .page3 .forms .list .bottom .oprs {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 58px;
}
.contactUs .page3 .forms .list .bottom .oprs p {
  font-size: 20px;
  color: #333333;
  line-height: 50px;
  margin-right: 20px;
}
.contactUs .page3 .forms .list .bottom .oprs input {
  height: 50px;
  border: 1px solid #ff0000;
  margin-right: 20px;
  width: 140px;
  border-radius: 5px;
  font-size: 14px;
}
.contactUs .page3 .forms .list .bottom .oprs em {
  height: 56px;
  width: 134px;
  vertical-align: text-bottom;
  margin-right: 9px;
  position: relative;
}
.contactUs .page3 .forms .list .bottom .oprs em img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contactUs .page3 .forms .list .bottom .oprs span {
  font-size: 16px;
  color: #333333;
  line-height: 50px;
  margin-right: 30px;
  cursor: pointer;
}
.contactUs .page3 .forms .list .bottom .oprs button {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background-color: #d43a36;;
  width: 200px;
  height: 62px;
}
.building .page1 {
  height: 100vh;
}
.building .page1 .w1400 {
  position: relative;
  height: 100%;
}
.building .page1 .w1400 .innerCon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.building .page1 .w1400 .innerCon img {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
.building .page1 .w1400 .innerCon p {
  font-size: 20px;
  color: #333333;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .w1400 {
    width: 90%;
  }
  .contactUs .page1 .w1400 .item {
    width: 26.42%;
  }
  .contactUs .page1 .w1400 .item .cirs {
    width: 100%;
    height: 100%;
  }
  .contactUs .page2 .tab .item {
    padding: 20px 20px 0 30px;
  }
  .contactUs .page2 .tab .item.main-company {
    padding-top: 32px;
  }
  /*
  .contactUs .page2 .tab .item.main-company {
    padding-top: 32px;
    padding: 32px 44px 0;
  }
  */
}
@media screen and (max-width: 1200px) {
  .contactBa {
    height: 8.49rem;
  }
  .contactBa .pic{height:8.49rem;}
  .contactBa .pic .i1{display: none;}
  .contactBa .pic .i2{display: block;}
  .contactBa .mobile {
    display: block;
  }
  .contactBa .pc {
    display: none;
  }
  .contactBa .w1400 .innerText {
    width: 87.1%;
  }
  .contactBa .w1400 .innerText .tit {
    font-size: 0.7rem;
    margin-bottom: 0.4rem;
  }
  .contactBa .w1400 .innerText .text {
    font-size: 0.3rem;
    line-height: 0.4rem;
  }
  .w1400 {
    width: 88%;
  }
  .contactUs {
    padding-top: 1.2rem;
  }
  .contactUs .page1 {
    display: none;
  }
  .contactUs .page1-m {
    display: block;
    padding-bottom: 0.3rem;
  }
  .contactUs .page1-m .item {
    position: relative;
    min-height: 0.88rem;
    margin-bottom: 0.88rem;
  }
  .contactUs .page1-m .item .left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.88rem;
    height: 0.88rem;
    background: #d43a36 url(../images/sPage/p18.png) center no-repeat;
    background-size: 0.42rem auto;
    border-radius: 50%;
  }
  .contactUs .page1-m .item .right {
    width: 100%;
    padding-left: 1.14rem;
    box-sizing: border-box;
  }
  .contactUs .page1-m .item .right p {
    font-size: 0.32rem;
    color: #ff0000;
  }
  .contactUs .page1-m .item .right span {
    font-size: 0.26rem;
    color: #666666;
    line-height: 0.44rem;
  }
  .contactUs .page1-m .item.item2 .left {
    background: #d43a36 url(../images/sPage/p19.png) center no-repeat;
    background-size: 0.39rem auto;
  }
  .contactUs .page1-m .item.item2 .right span {
    font-size: 0.28rem;
    color: #999;
    line-height: 0.88rem;
  }
  .contactUs .page1-m .item.item3 .left {
    background: #d43a36 url(../images/sPage/p20.png) center no-repeat;
    background-size: 0.48rem auto;
  }
  .contactUs .page1-m .item.item3 .right {
    display: flex;
    align-items: center;
  }
  .contactUs .page1-m .item.item3 .right .imgs {
    width: 1.79rem;
  }
  .contactUs .page1-m .item.item3 .right .imgs img {
    display: block;
    width: 100%;
  }
  .contactUs .page1-m .item.item3 .right .text {
    padding-left: 0.2rem;
  }
  .contactUs .page1-m .item.item3 .right .text span {
    font-size: 0.26rem;
    color: #999;
    line-height: 0.88rem;
    line-height: 0.36rem;
  }
  .contactUs .page2 {
    margin-bottom: 1.3rem;
  }
  .contactUs .page2 .map {
    height: 5.6rem;
    float: none;
    width: 100%;
  }
  .contactUs .page2 .tab {
    float: none;
    width: 100%;
    height: auto;
    box-shadow: none;
  }
  .contactUs .page2 .tab .item {
    width: 100%;
    height: auto;
    padding: 0.5rem 0.44rem 0.5rem 0.56rem;
    border: 1px solid #bfbfbf;
  }
  .contactUs .page2 .tab .item .com-name {
    font-size: 0.3rem;
  }
  .contactUs .page2 .tab .item .com-add {
    font-size: 0.26rem;
    line-height: 0.44rem;
    background-size: 0.2rem auto;
    padding-left: 0.36rem;
  }
  .contactUs .page2 .tab .item .com-phone {
    font-size: 0.26rem;
    background-size: 0.21rem auto;
    padding-left: 0.36rem;
  }
  .contactUs .page2 .tab .item.cur::before {
    display: none;
  }
  .contactUs .page2 .tab .item.cur .com-add {
    background-size: 0.2rem auto;
  }
  .contactUs .page2 .tab .item.cur .com-phone {
    background-size: 0.21rem auto;
  }
  .contactUs .page2 .tab .item.main-company {
    height: auto;
    
  }
  /*
  .contactUs .page2 .tab .item.main-company {
    height: auto;
    padding: 0.4rem 0.64rem 0.4rem 0.7rem;
  }
  .contactUs .page2 .tab .item.main-company .com-name {
    font-size: 0.34rem;
  }
  */
  .contactUs .page3 {
    padding-top: 1.3rem;
    padding-bottom: 1.7rem;
  }
  .contactUs .page3 .tit {
    font-size: 0.4rem;
  }
  .contactUs .page3 .forms {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 0.88rem;
  }
  .contactUs .page3 .forms .list .top .item {
    width: 100%;
    margin-bottom: 0.47rem;
  }
  .contactUs .page3 .forms .list .top .item .input {
    font-size: 0.28rem;
    padding-left: 0.5rem;
    background-size: 0.32rem auto;
    height: 0.6rem;
  }
  .contactUs .page3 .forms .list .top .item.item2 .input {
    background-size: 0.29rem auto;
  }
  .contactUs .page3 .forms .list .top .item.item3 {
    margin-top: 0;
  }
  .contactUs .page3 .forms .list .top .item.item3 .input {
    background-size: 0.34rem auto;
  }
  .contactUs .page3 .forms .list .top .item.item4 {
    margin-top: 0;
  }
  .contactUs .page3 .forms .list .top .item.item4 .input {
    background-size: 0.34rem auto;
  }
  .contactUs .page3 .forms .list .bottom .item .textarea {
    margin-top: 0.13rem;
    font-size: 0.28rem;
    height: 1.57rem;
    padding: 0.2rem;
  }
  .contactUs .page3 .forms .list .bottom .oprs {
    flex-wrap: wrap;
    margin-top: 0.4rem;
  }
  .contactUs .page3 .forms .list .bottom .oprs p {
    font-size: 0.24rem;
    line-height: 0.78rem;
    margin-right: 0.1rem;
  }
  .contactUs .page3 .forms .list .bottom .oprs input {
    width: 1.39rem;
    height: 0.78rem;
    margin-right: 0.2rem;
    font-size: 0.22rem;
  }
  .contactUs .page3 .forms .list .bottom .oprs em {
    width: 1.34rem;
  }
  .contactUs .page3 .forms .list .bottom .oprs span {
    font-size: 0.22rem;
  }
  .contactUs .page3 .forms .list .bottom .oprs button {
    width: 2.66rem;
    height: 0.8rem;
    margin-top: 0.5rem;
  }
  .building .page1 {
    height: 80vh;
  }
  .building .page1 .w1400 {
    position: relative;
    height: 100%;
  }
  .building .page1 .w1400 .innerCon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
  }
  .building .page1 .w1400 .innerCon img {
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.3rem;
  }
  .building .page1 .w1400 .innerCon p {
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
  }
}
.contactUs .page1 .item1,
.contactUs .page1 .item2,
.contactUs .page1 .item3,
.contactUs .page2 .map,
.contactUs .page2 .tab,
.contactUs .page3 .tit,
.contactUs .page3 .forms,
.contactBa .w1400 .innerText .tit,
.contactBa .w1400 .innerText .text {
  visibility: hidden;
  opacity: 0;
  transform: translateX(-100px);
}
.contactUs .page1.active .item1,
.contactUs .page1.active .item2,
.contactUs .page1.active .item3,
.contactUs .page2.active .map,
.contactUs .page2.active .tab,
.contactUs .page3.active .tit,
.contactUs .page3.active .forms,
.contactBa.active .w1400 .innerText .tit,
.contactBa.active .w1400 .innerText .text {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
  transition: transform 1.2s cubic-bezier(0.14, 1, 0.34, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.contactUs .page1.active .item2,
.contactUs .page2.active .tab,
.contactUs .page3.active .forms {
  transition-delay: 0.1s;
}
.contactUs .page1.active .item3,
.contactBa.active .w1400 .innerText .text {
  transition-delay: 0.2s;
}
@-o-keyframes icon_zhuan {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icon_zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon_zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes icon_zhuan {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes icon_zhuans {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes icon_zhuans {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes icon_zhuans {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes icon_zhuans {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-o-keyframes icon_zhuan3 {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icon_zhuan3 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon_zhuan3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes icon_zhuan3 {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.next_text_h2{
    font-size: 16px !important;
    color: #767676;
    letter-spacing: 0.53px;
    line-height: 24px !important;
    width: 80%;
    margin: 0 auto;
    text-align: justify;
}

.solution.food-wine .container-fluid ul li{float: left;margin-left: calc((100% - 964px)*0.33);margin-top:20px ;}
.solution.food-wine .container-fluid ul a{ display: block;}
.solution.food-wine .container-fluid ul .pic{width: 480px;height: 360px;border: #d43a36 1px solid;overflow: hidden;}
.solution.food-wine .container-fluid ul .pic i{display: block;width: 100%;height: 100%;}
.solution.food-wine .container-fluid ul p{display: block;line-height: 58px;font-size: 20px;color: #333;}
.solution.food-wine .container-fluid ul a:hover{text-decoration: none;}

@media(max-width:1200px){
    .next_text_h2{
        font-size: 0.2rem !important;
        line-height: 0.4rem !important;
    }
    .container-fluid{padding-left:4% !important;padding-right: 4% !important;}
    .solution.food-wine .container-fluid ul li{margin-left: 0;margin-top:0.2rem;width: 48%;}
    .solution.food-wine .container-fluid ul li:nth-child(2n-1){margin-right: 4%;}
    .solution.food-wine .container-fluid ul .pic{width:100%;height: 2.58rem;}
    .solution.food-wine .container-fluid ul p{line-height:0.6rem;font-size:0.22rem;}

}




/*============ 机械装备行业 ============*/
/*20210402*/
.mechanical{}
.mechanical .wow img{max-width: 100%;}
.mechanical .me01_box{margin: 0 auto; width: 1098px;}
.mechanical .me01_box .next{margin-bottom: 37px; font-size: 26px;text-indent: 2em;}
.mechanical .me01_box .list{margin: 0 auto; width: 90%;}
.mechanical .me01_box li{float: left;width: 25%;}
.mechanical .me01_box .icon{position: relative;margin: 0 auto 30px;padding-right: 10px; max-width: 180px;}
.mechanical .me01_box .icon img{width: 100%;}
.mechanical .me01_box .icon p{position: absolute;left: 0;bottom:11.28%;width: 100%;text-align: center;font-size: 16px;color: #000; font-weight: bold;}
.mechanical .me01_box .text{margin: 0 auto; width: 180px;}
.mechanical .me01_box .text p{padding-left: 20px;width: 195px; font-size: 16px;line-height: 26px;text-align: left; background: url(../images/zjpage/20210402/icon_5.png) left 5px no-repeat;}

@media(max-width:1200px){
    .mechanical .me01_box{width: 100%;}
}
@media(max-width:1000px){
    .mechanical .me01_box li{margin:0 2% 30px; width: 46%;}
    .mechanical .me01_box .list{ width: 100%;}
    .mechanical .me01_box .icon{padding-right: 0;max-width: 200px;width: 100%;}
    .mechanical .me01_box .text,.mechanical .me01_box .text p{width: 100%;}
}



.steel{}

.steel .wow img{max-width: 100%;}

.steel .me01_box .next{margin-bottom: 37px; font-size: 20px;text-indent: 2em;}
.steel.solution.food-wine .container-fluid ul{font-size: 0;}
.steel.solution.food-wine .container-fluid ul li{float: none;vertical-align:top; display: inline-block;margin: 0; width: 20%;}
.steel.solution.food-wine .container-fluid ul li .icon{margin: 0 auto; max-width: 180px;}
.steel.solution.food-wine .container-fluid ul li .icon img{margin-bottom: 28px; width:auto;}
.steel.solution.food-wine .container-fluid ul li .icon p{margin-bottom: 14px; line-height: 20px; font-size: 20px;color: #ff0000; font-weight: bold;}
.steel.solution.food-wine .container-fluid ul li .text{margin: 0 auto; width: 180px;}
.steel.solution.food-wine .container-fluid ul li .text p{margin-bottom: 0; width: 190px; font-size: 17px;line-height: 22px;text-align: left;}

@media(max-width:1200px){
    .steel .me01_box{width: 100%;}
}
@media(max-width:1000px){
    .steel.solution.food-wine .container-fluid ul li{margin:0 2% 30px; width: 46%;}
    .steel.solution.food-wine .container-fluid ul li .icon{max-width: 200px;width: 100%;}
    .steel.solution.food-wine .container-fluid ul li .text,.steel.solution.food-wine .container-fluid ul li .text p{width: 100%;}
}


.solution-engine-a1{
    background: #ffffff;
}