﻿.width {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.footerFix {
  position: fixed;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  background: rgba(38, 45, 72, 0.8);
  z-index: 11;
  transition: 0.3s all;
}
.footerFix .p1 {
  padding-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}
.footerFix .p2 {
  margin-top: 10px;
  display: flex;
  position: relative;
  width: fit-content;
}
.footerFix .p2 .input1 {
  border: 0;
  background: #fff;
  border-radius: 4px;
  width: 180px;
  height: 40px;
  text-indent: 4px;
  color: #333;
  margin-right: 16px;
  float:left;
}
.footerFix .p2 .inputCss {
  position: relative;
}
.footerFix .p2 .inputCss .inputCssPos {
  position: absolute;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0F22B6;
  right: 27px;
  top: 10px;
}
.footerFix .p2 .btm {
  cursor: pointer;
  width: 120px;
  height: 40px;
  border-radius: 4px;
  background: #E83233;
  line-height: 40px;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin-right: 16px;
}
.footerFix .close {
  position: absolute;
  width: 20px;
  top: 10px;
  right: 10px;
}
.poFixedImgRight {
  position: fixed;
  right: 0px;
  top: 400px;
  width: 90px;
  transition: 0.3s all;
}
.animotrBottom {
  transform: translate(0px, 100px);
}
.aniPoFixedImgRight {
  transform: translate(100px, 0px);
}
.poFixedImgLeft {
  position: fixed;
  z-index: 99999;
  left: 0px;
  top: 400px;
  width: 90px;
  transition: 0.3s all;
}
.aniPoFixedImgLeft {
  transform: translate(-100px, 0px);
}


.tel {
    color: white;
    display: block;
    font-size: 27px;
    padding-left: 127px;
}
