* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  position: relative;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear::after {
  content: '';
  display: block;
  clear: both;
}
p {
  margin-bottom: 0;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
}
ul,
li {
  list-style: none;
  margin-bottom: 0px;
}
body {
  position: relative;
}
header {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
}
header .logo {
  margin-left: 101px;
}
header .nav {
  margin-right: 211px;
}
header .nav ul li {
  width: 72px;
  height: 50px;
  text-align: center;
  float: left;
  margin-left: 30px;
}
header .nav ul li a {
  display: block;
  width: 72px;
  height: 50px;
  color: #E3EEFA;
  text-decoration: none;
}
header .nav ul .on {
  border-bottom: 2px solid #E60012;
}
header .nav ul .on a {
  color: #E60012;
}
.jyt-bg {
  width: 100%;
  height: 929px;
  background: url("../img/SOUYIE.png") no-repeat center;
  padding-top: 265px;
  position: relative;
}
.jyt-bg .bg-title {
  font-size: 66px;
  text-align: center;
  font-weight: bold;
  background-image: linear-gradient(0deg, #ffaa17, rgba(225, 10, 30, 0.8));
  color: #E10A1E;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.jyt-bg .bg-text {
  width: 750px;
  margin: 0px auto;
  margin-top: 31px;
}
.jyt-bg .bg-text li {
  float: left;
  color: #ffffff;
  font-size: 24px;
}
.jyt-bg .bg-text li:nth-child(2n) {
  width: 1px;
  height: 23px;
  background-color: #ffffff;
  margin: 0px 20px;
  margin-top: 8px;
}
.jyt-bg .text-box {
  width: 941px;
  height: 261px;
  background-color: rgba(14, 58, 153, 0.3);
  border: 10px solid rgba(255, 255, 255, 0.3);
  margin: 0px auto;
  margin-top: 61px;
}
.jyt-bg .text-box .box-title {
  color: #ffffff;
  font-size: 29px;
  text-align: center;
  margin-top: 76px;
}
.jyt-bg .text-box .box-text {
  width: 600px;
  margin: 0px auto;
  margin-top: 27px;
}
.jyt-bg .text-box .box-text li {
  float: left;
  color: #ffe900;
  font-size: 32px;
}
.jyt-bg .text-box .box-text li:first-child {
  width: 129px;
  height: 1px;
  background-color: #ffe900;
  margin-top: 24px;
  margin-right: 10px;
}
.jyt-bg .text-box .box-text li:last-child {
  width: 129px;
  height: 1px;
  background-color: #ffe900;
  margin-top: 24px;
  margin-left: 10px;
}
.jyt-bg .bg-icon-img {
  width: 32px;
  height: 64px;
  position: absolute;
  left: 50%;
  bottom: 48px;
  transform: translateX(-50%);
}
.application-scenarios {
  width: 100%;
  height: 1000px;
  padding-top: 84px;
}
.application-scenarios .title {
  color: #333333;
  font-size: 52px;
  text-align: center;
}
.application-scenarios .text {
  width: 700px;
  margin: 0px auto;
  margin-top: 29px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.application-scenarios .text li {
  float: left;
  color: #999999;
  font-size: 24px;
}
.application-scenarios .text li:first-child {
  width: 94px;
  height: 1px;
  background-color: #333333;
  margin-top: 20px;
}
.application-scenarios .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.application-scenarios .text li:last-child {
  width: 94px;
  height: 1px;
  background-color: #333333;
  margin-right: 0px;
  margin-top: 20px;
}
.application-scenarios .scenarios-all {
  width: 1550px;
  margin: 0px auto;
  margin-top: 82px;
}
.application-scenarios .scenarios-all .scenarios-item {
  width: 446px;
  float: left;
  margin-right: 105px;
}
.application-scenarios .scenarios-all .scenarios-item:last-child {
  margin-right: 0px;
}
.what-do {
  width: 100%;
  height: auto;
  padding-top: 50px;
}
.what-do .title {
  color: #0068B7;
  font-size: 62px;
  text-align: center;
}
.what-do .text {
  width: 700px;
  margin: 0px auto;
  margin-top: 29px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.what-do .text li {
  float: left;
  color: #E60012;
  font-size: 24px;
}
.what-do .text li:first-child {
  width: 141px;
  height: 1px;
  background-color: #E60012;
  margin-top: 20px;
}
.what-do .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.what-do .text li:last-child {
  width: 141px;
  height: 1px;
  background-color: #E60012;
  margin-right: 0px;
  margin-top: 20px;
}
.what-do .do-all {
  width: 100%;
  margin-top: 50px;
}
.what-do .do-all .do-item {
  width: 100%;
  margin-top: 50px;
}
.what-do .do-all .newly-increased .newly-box .box {
  width: 806px;
  height: 614px;
  background-color: #eeeeee;
  position: relative;
  margin-left: 80px;
}
.what-do .do-all .newly-increased .newly-box .box .denglu {
  position: absolute;
  top: 70px;
  left: 66px;
  z-index: 3;
}
.what-do .do-all .newly-increased .newly-box .box .shuju {
  position: absolute;
  bottom: 71px;
  left: 211px;
  z-index: 2;
}
.what-do .do-all .newly-increased .newly-box .box .luru {
  position: absolute;
  top: 95px;
  right: 95px;
  z-index: 1;
}
.what-do .do-all .newly-increased .increased-box {
  position: relative;
}
.what-do .do-all .newly-increased .increased-box .text-box {
  width: 410px;
  position: absolute;
  top: 0;
  right: 120px;
}
.what-do .do-all .newly-increased .increased-box .text-box .box-title {
  color: #ECECEC;
  font-size: 72px;
  font-weight: bold;
}
.what-do .do-all .newly-increased .increased-box .text-box span {
  color: #FFCF02;
  font-size: 42px;
}
.what-do .do-all .newly-increased .increased-box .text-box .box-text {
  width: 366px;
  font-size: 22px;
  color: #212121;
  margin-top: 10px;
}
.what-do .do-all .newly-increased .increased-box .jieyitie {
  position: absolute;
  bottom: 0;
  left: 0;
}
.what-do .do-all .newly-increased .increased-box .shou {
  position: absolute;
  bottom: 44px;
  left: 217px;
}
.what-do .do-all .data-management {
  position: relative;
  height: 1000px;
}
.what-do .do-all .data-management .text-box {
  width: 540px;
  position: absolute;
  top: 0;
  left: 200px;
}
.what-do .do-all .data-management .text-box .box-title {
  color: #ECECEC;
  font-size: 52px;
  font-weight: bold;
}
.what-do .do-all .data-management .text-box span {
  color: #FFCF02;
  font-size: 42px;
}
.what-do .do-all .data-management .text-box .box-text {
  width: 366px;
  font-size: 22px;
  color: #212121;
  margin-top: 10px;
}
.what-do .do-all .data-management .shujuguanli {
  position: absolute;
  left: 0;
  bottom: 0;
}
.what-do .do-all .data-management .img-box {
  width: 487px;
  height: 420px;
  position: relative;
  margin-top: 177px;
  margin-right: 340px;
}
.what-do .do-all .data-management .img-box .jiantou {
  position: absolute;
  bottom: 23px;
  transform: translateY(-45%);
  left: 45%;
}
.what-do .do-all .keeping-abreast {
  position: relative;
  height: 900px;
}
.what-do .do-all .keeping-abreast .text-box {
  width: 410px;
  position: absolute;
  top: 100px;
  right: 10px;
}
.what-do .do-all .keeping-abreast .text-box .box-title {
  color: #ECECEC;
  font-size: 72px;
  font-weight: bold;
}
.what-do .do-all .keeping-abreast .text-box span {
  color: #FFCF02;
  font-size: 42px;
}
.what-do .do-all .keeping-abreast .text-box .box-text {
  width: 350px;
  font-size: 22px;
  color: #212121;
  margin-top: 10px;
}
.what-do .do-all .keeping-abreast .ban {
  position: absolute;
  bottom: 0;
  left: -63px;
}
.what-do .do-all .keeping-abreast .box {
  width: 900px;
  position: relative;
  margin: 0px auto;
}
.what-do .do-all .keeping-abreast .box .zhishi {
  position: absolute;
  left: 45%;
  top: 51%;
  transform: translate(-45%, -51%);
}
.what-do .do-all .keeping-abreast .box .box-text {
  width: 269px;
  height: 126px;
  background-color: #83D8FF;
  border-radius: 10px;
  padding: 15px 25px 18px 29px;
  color: #6A2F2F;
  font-size: 22px;
  position: absolute;
  top: 36%;
  transform: translateY(-36%);
  right: 18px;
}
.what-do .do-all .keeping-abreast .xiangxia {
  position: absolute;
  left: 50%;
  bottom: -64px;
  transform: translateX(-50%);
}
.what-do .do-all .timely-control .text-box {
  width: 100%;
  text-align: center;
}
.what-do .do-all .timely-control .text-box .box-title {
  color: #ECECEC;
  font-size: 72px;
  font-weight: bold;
}
.what-do .do-all .timely-control .text-box span {
  color: #FFCF02;
  font-size: 42px;
}
.what-do .do-all .timely-control .text-box .box-text {
  width: 357px;
  margin: 0px auto;
  font-size: 22px;
  color: #212121;
  margin-top: 10px;
}
.what-do .do-all .timely-control .pingkong {
  display: block;
  width: 1711px;
  margin: 20px auto;
}
.what-do .do-all .security {
  height: 953px;
  position: relative;
}
.what-do .do-all .security .text-box {
  width: 540px;
  position: absolute;
  top: 0;
  left: 200px;
}
.what-do .do-all .security .text-box .box-title {
  color: #ECECEC;
  font-size: 52px;
  font-weight: bold;
}
.what-do .do-all .security .text-box span {
  color: #FFCF02;
  font-size: 42px;
}
.what-do .do-all .security .text-box .box-text {
  width: 366px;
  font-size: 22px;
  color: #212121;
  margin-top: 10px;
}
.what-do .do-all .security .box-img {
  width: 1200px;
  height: 837px;
  margin: 0px auto;
  position: relative;
}
.what-do .do-all .security .box-img .jiekou {
  position: absolute;
  bottom: 20px;
  left: 0px;
}
.what-do .do-all .security .box-img .biaoji {
  position: absolute;
  bottom: 10px;
  left: 58%;
  transform: translateX(-58%);
  z-index: 1;
}
.what-do .do-all .security .box-img .beimian {
  position: absolute;
  bottom: -40px;
  right: -20px;
}
.can-do {
  width: 100%;
}
.can-do .do-one {
  width: 100%;
  height: 956px;
  background: url("../img/can-bannner.png") no-repeat center;
  padding-top: 102px;
}
.can-do .do-one .title {
  color: #ffffff;
  font-size: 62px;
  text-align: center;
  font-weight: bold;
}
.can-do .do-one .text {
  width: 700px;
  margin: 0px auto;
  margin-top: 29px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.can-do .do-one .text li {
  float: left;
  color: #E60012;
  font-size: 24px;
}
.can-do .do-one .text li:first-child {
  width: 141px;
  height: 1px;
  background-color: #E60012;
  margin-top: 20px;
}
.can-do .do-one .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.can-do .do-one .text li:last-child {
  width: 141px;
  height: 1px;
  background-color: #E60012;
  margin-right: 0px;
  margin-top: 20px;
}
.can-do .do-one .img-box {
  position: relative;
  width: 1200px;
  height: 700px;
  margin: 0px auto;
}
.can-do .do-one .img-box .text-img {
  position: absolute;
  left: -100px;
  bottom: 212px;
}
.can-do .do-one .img-box .kuaisu {
  position: absolute;
  left: 0px;
  bottom: 0;
}
.can-do .do-one .img-box .ping {
  position: absolute;
  right: 70px;
  top: 0;
}
.can-do .do-one .img-box .ep201t {
  position: absolute;
  right: 160px;
  bottom: 142px;
}
.can-do .do-one .img-box .box-text {
  color: #ffffff;
  font-size: 28px;
  position: absolute;
  left: -60px;
  bottom: 110px;
}
.can-do .do-two {
  width: 100%;
  height: 922px;
  padding-top: 127px;
}
.can-do .do-two .two-box {
  width: 1354px;
  height: 663px;
  background: url("../img/two-banner.png") no-repeat center;
  margin: 0px auto;
  position: relative;
}
.can-do .do-two .two-box .two-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 442px;
  height: 322px;
}
.can-do .do-two .two-box .two-text .box-text {
  margin: 7px 0px 15px 4px;
}
.can-do .do-two .two-box .two-text .box-text span {
  color: #242424;
  font-size: 42px;
  font-weight: bold;
}
.can-do .do-two .two-box .two-text .box-text .text-item {
  width: 406px;
  color: #242424;
  font-size: 22px;
}
.can-do .do-three {
  width: 100%;
  height: 946px;
  background: url("../img/VDO.png") no-repeat center;
  position: relative;
}
.can-do .do-three .video-box {
  width: 927px;
  height: 583px;
  background: url("../img/shiping.png") no-repeat center;
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -49%);
}
.can-do .do-three .video-box img {
  width: 279px;
  height: 279px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.VideoBox {
  width: 800px;
  height: 650px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 55;
}
.VideoBox .video-box-title {
  width: 800px;
  height: 50px;
  background-color: #ffffff;
}
.VideoBox .video-box-title p {
  width: 750px;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 20px;
  text-align: center;
}
.VideoBox .video-box-title img {
  width: 20px;
  height: 20px;
  margin-right: 15px;
  margin-top: 15px;
  cursor: pointer;
}
.VideoBox .video-item {
  width: 800px;
  height: 600px;
}
.mask {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
}
.title-box .title {
  color: #212121;
  font-size: 52px;
  font-weight: bold;
  text-align: center;
}
.title-box .title span {
  color: #FF0000;
}
.title-box .line {
  width: 415px;
  height: 1px;
  background-color: #7D7D7D;
  margin: 0px auto;
  margin-top: 17px;
  position: relative;
}
.title-box .line span {
  width: 33px;
  height: 7px;
  background-color: #FF0000;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.brand-origin {
  width: 100%;
  height: 1038px;
  padding-top: 97px;
}
.brand-origin .origin-box {
  width: 100%;
  height: 796px;
  background-color: #EEEEEE;
  margin-top: 60px;
}
.brand-origin .origin-box .img-box {
  position: relative;
}
.brand-origin .origin-box .img-box .origin-one {
  position: absolute;
  top: 89px;
  left: 51px;
}
.brand-origin .origin-box .img-box .origin-three {
  position: absolute;
  top: 90px;
  left: 161px;
}
.brand-origin .origin-box .img-box .origin-two {
  position: absolute;
  top: 78px;
  right: 0;
}
.brand-origin .origin-box .orgiin-text {
  padding-left: 92px;
}
.brand-origin .origin-box .orgiin-text .title {
  color: #00479D;
  font-size: 42px;
  font-weight: bold;
  margin-top: 76px;
  margin-left: 80px;
}
.brand-origin .origin-box .orgiin-text .line {
  width: 222px;
  height: 3px;
  background-color: #00479D;
  margin-top: 39px;
  margin-left: 80px;
}
.brand-origin .origin-box .orgiin-text .text {
  width: 729px;
  color: #000000;
  font-size: 20px;
  text-indent: 4em;
  margin-top: 76px;
  line-height: 40px;
}
.brand-origin .origin-box .orgiin-text .text span {
  color: #FF0000;
}
.core-value {
  width: 100%;
  height: 950px;
  padding-top: 129px;
}
.core-value .core-box {
  margin-top: 87px;
}
.core-value .core-box .text-box {
  margin-top: 74px;
}
.core-value .core-box .text-box .text-item {
  width: 666px;
  height: 417px;
  background-color: #eeeeee;
  padding-top: 76px;
  display: none;
}
.core-value .core-box .text-box .text-item span {
  display: block;
  text-align: center;
  color: #00479D;
  font-size: 52px;
}
.core-value .core-box .text-box .text-item p {
  width: 479px;
  margin: 0px auto;
  margin-top: 39px;
  color: #00479D;
  font-size: 24px;
  text-indent: 2em;
  line-height: 40px;
}
.core-value .core-box .text-box .active {
  display: block;
}
.core-value .core-box .img-box {
  width: 534px;
}
.core-value .core-box .img-box .swiper {
  width: 534px;
}
.core-value .core-box .img-box .swiper .swiper-wrapper {
  width: 534px;
}
.core-value .core-box .img-box .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.core-value .core-box .img-box .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.hardware-introduction {
  width: 100%;
  padding-top: 30px;
}
.hardware-introduction .title {
  color: #333333;
  font-size: 52px;
  text-align: center;
}
.hardware-introduction .text {
  width: 700px;
  margin: 0px auto;
  margin-top: 34px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.hardware-introduction .text li {
  float: left;
  color: #999999;
  font-size: 24px;
}
.hardware-introduction .text li:first-child {
  width: 106px;
  height: 1px;
  background-color: #C5C5C5;
  margin-top: 20px;
}
.hardware-introduction .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.hardware-introduction .text li:last-child {
  width: 106px;
  height: 1px;
  background-color: #C5C5C5;
  margin-right: 0px;
  margin-top: 20px;
}
.hardware-introduction .hardware-box {
  width: 100%;
  height: 652px;
  background-color: #EEEEEE;
  margin-top: 66px;
}
.hardware-introduction .hardware-box .wrap {
  position: relative;
  height: 652px;
}
.hardware-introduction .hardware-box .wrap .chicun {
  position: absolute;
  top: 92px;
  left: 0;
}
.hardware-introduction .hardware-box .wrap .pingmu {
  position: absolute;
  top: 58px;
  right: 195px;
}
.hardware-introduction .hardware-box .wrap .ep201t-1 {
  position: absolute;
  bottom: 42px;
  right: 297px;
}
.hardware-introduction .hardware-box .wrap .zhishi-1 {
  position: absolute;
  bottom: 203px;
  left: 198px;
}
.hardware-introduction .hardware-box .wrap .ping-biaoshi {
  position: absolute;
  top: 97px;
  right: 140px;
}
.hardware-introduction .hardware-box .wrap .chanpin-biaoshi {
  position: absolute;
  bottom: 203px;
  right: 220px;
}
.hardware-introduction .hardware-box .wrap p {
  color: #777777;
  font-size: 24px;
}
.hardware-introduction .hardware-box .wrap .text1 {
  position: absolute;
  bottom: 244px;
  left: 87px;
}
.hardware-introduction .hardware-box .wrap .text2 {
  position: absolute;
  top: 76px;
  right: -175px;
}
.hardware-introduction .hardware-box .wrap .text3 {
  position: absolute;
  bottom: 275px;
  right: -97px;
}
.hardware-introduction .size-interface {
  width: 100%;
  height: 900px;
  padding-top: 80px;
}
.hardware-introduction .size-interface .text {
  width: 700px;
  margin: 0px auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.hardware-introduction .size-interface .text li {
  float: left;
  color: #00479D;
  font-size: 32px;
}
.hardware-introduction .size-interface .text li:first-child {
  width: 154px;
  height: 1px;
  background-color: #00479D;
  margin-top: 25px;
}
.hardware-introduction .size-interface .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.hardware-introduction .size-interface .text li:last-child {
  width: 154px;
  height: 1px;
  background-color: #00479D;
  margin-right: 0px;
  margin-top: 25px;
}
.hardware-introduction .size-interface .img-box {
  width: 1353px;
  margin: 0px auto;
  margin-top: 68px;
}
.hardware-introduction .product-specification {
  width: 100%;
}
.hardware-introduction .product-specification .text {
  width: 700px;
  margin: 0px auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.hardware-introduction .product-specification .text li {
  float: left;
  color: #00479D;
  font-size: 32px;
}
.hardware-introduction .product-specification .text li:first-child {
  width: 154px;
  height: 1px;
  background-color: #00479D;
  margin-top: 25px;
}
.hardware-introduction .product-specification .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.hardware-introduction .product-specification .text li:last-child {
  width: 154px;
  height: 1px;
  background-color: #00479D;
  margin-right: 0px;
  margin-top: 25px;
}
.hardware-introduction .product-specification .row {
  margin-top: 85px;
}
.hardware-introduction .product-specification .row .baozhuang {
  width: 50%;
}
.hardware-introduction .product-specification .row .baozhuang img {
  width: 909px;
  display: block;
  margin: 0px auto;
}
.hardware-introduction .product-specification .row .information {
  padding-left: 150px;
}
.hardware-introduction .product-specification .row .information .basic-information {
  display: block;
  color: #282828;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 37px;
}
.hardware-introduction .product-specification .row .information .item {
  color: #282828;
  font-size: 20px;
  margin-bottom: 10px;
}
.hardware-introduction .product-specification .row .information .item p {
  margin-left: 42px;
}
.contact-us {
  width: 100%;
  padding-top: 50px;
}
.contact-us .title {
  color: #333333;
  font-size: 52px;
  text-align: center;
}
.contact-us .text {
  width: 700px;
  margin: 0px auto;
  margin-top: 34px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.contact-us .text li {
  float: left;
  color: #999999;
  font-size: 24px;
}
.contact-us .text li:first-child {
  width: 162px;
  height: 1px;
  background-color: #C5C5C5;
  margin-top: 20px;
}
.contact-us .text li:nth-child(2) {
  margin: 0px 20px;
  max-width: 460px;
  text-align: center;
}
.contact-us .text li:last-child {
  width: 162px;
  height: 1px;
  background-color: #C5C5C5;
  margin-right: 0px;
  margin-top: 20px;
}
.contact-us .contact-all {
  width: 1351px;
  height: 100px;
  margin: 0px auto;
  margin-top: 82px;
  display: flex;
  flex-wrap: nowrap;
}
.contact-us .contact-all .contact-item {
  width: 25%;
}
.contact-us .contact-all .contact-item .item-img {
  width: 74px;
  height: 72px;
  display: block;
  margin: 0px auto;
}
.contact-us .contact-all .contact-item .item-text {
  width: 100%;
  color: #E60012;
  font-size: 24px;
  margin-top: 36px;
  text-align: center;
  display: none;
}
.contact-us .contact-all .show .item-text {
  display: block;
}
.contact-us .contact-all .contact-item:nth-child(1) .item-img {
  background: url("../img/tell\ \(1\).png") no-repeat center;
}
.contact-us .contact-all .contact-item:nth-child(2) .item-img {
  background: url("../img/vx.png") no-repeat center;
}
.contact-us .contact-all .contact-item:nth-child(3) .item-img {
  background: url("../img/youxiang.png") no-repeat center;
}
.contact-us .contact-all .contact-item:nth-child(4) .item-img {
  background: url("../img/map.png") no-repeat center;
}
.contact-us .contact-all .contact-item:nth-child(1):hover .item-img {
  background-image: url("../img/tell.png");
}
.contact-us .contact-all .contact-item:nth-child(2):hover .item-img {
  background-image: url("../img/v.png");
}
.contact-us .contact-all .contact-item:nth-child(3):hover .item-img {
  background-image: url("../img/emall.png");
}
.contact-us .contact-all .contact-item:nth-child(4):hover .item-img {
  background-image: url("../img/ditu.png");
}
.contact-us .map-box {
  width: 1351px;
  margin: 140px auto;
}
.contact-us .map-box .map {
  width: 100%;
  height: 622px;
}
.contact-us .map-box .map #allmap {
  width: 100%;
  height: 622px;
}
.footer {
  width: 100%;
  height: 760px;
  background: url("../img/end.png") no-repeat center;
  padding-top: 111px;
}
.footer .line {
  width: 1720px;
  height: 1px;
  background-color: #dcdcdc;
  margin-left: 100px;
}
.footer .company {
  width: 100%;
  height: 500px;
  display: flex;
  padding-top: 150px;
}
.footer .company .company-phone {
  margin-top: 44px;
}
.footer .company .company-phone img {
  margin-left: 100px;
}
.footer .company .company-phone .phone {
  margin-left: 19px;
}
.footer .company .company-phone .phone span {
  color: #ffffff;
  font-size: 14px;
}
.footer .company .company-phone .phone p {
  color: #FFC600;
  font-size: 26px;
  font-weight: bold;
  margin-top: 13px;
}
.footer .company .company-message ul li {
  color: #ffffff;
  font-size: 20px;
  margin-top: 18px;
}
.footer .company .company-erweima ul li {
  float: left;
  width: 132px;
  text-align: center;
  margin-right: 80px;
}
.footer .company .company-erweima ul li span {
  display: block;
  color: #ffffff;
  font-size: 14px;
  margin-top: 12px;
}
.footer .bottom-nav {
  margin-top: 46px;
}
.footer .bottom-nav li {
  float: left;
  margin-right: 39px;
}
.footer .bottom-nav li a {
  color: #ffffff;
  font-size: 14px;
}