.container {
  width: 100%;
  height: 100%;
}
.container .banner {
  width: 100%;
  height: 530px;
}
.container .banner .swiper-container {
  width: 100%;
  height: 100%;
}
.container .banner .swiper-container .swiper-slide {
  background-image: url('../../images/wire/banner.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.container .banner .swiper-container .swiper-slide .bannerBox {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
  padding-top: 129px;
}
.container .banner .swiper-container .swiper-slide .bannerBox h3 {
  font-size: 55px;
}
.container .banner .swiper-container .swiper-slide .bannerBox p {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 55px;
  font-size: 18px;
  line-height: 32px;
  width: 453px;
}
.container .banner .swiper-container .swiper-slide .bannerBox .goInfo a {
  display: inline-block;
  line-height: 40px;
  text-align: center;
  width: 120px;
  height: 40px;
  margin-right: 20px;
  color: #fff;
  font-size: 14px;
  border: solid 1px #ffffff;
}
.container .banner .swiper-container .swiper-slide .bannerBox .goInfo a:hover {
  background-color: #c09572;
  border: none;
}
.container .banner .swiper-container .swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
}
.container .banner .swiper-container .swiper-pagination-bullet-active {
  background-color: #fff;
}
.container .system {
  width: 100%;
  padding-top: 64px;
  background-color: #f5f5f5;
  height: 520px;
}
.container .system h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .system p {
  width: 797px;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  height: 51px;
  line-height: 32px;
  color: #666;
}
.container .system p span {
  color: #b88b66;
  cursor: pointer;
}
.container .system ul {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 45px;
}
.container .system ul li {
  position: relative;
  margin-right: 90px;
}
.container .system ul li:last-of-type {
  margin-right: 0;
}
.container .system ul li img {
  display: block;
  width: 153px;
  height: 153px;
  border-radius: 50%;
  border: 6px solid #eae2db;
}
.container .system ul li > p {
  width: 80px;
  font-size: 16px;
  color: #333333;
}
.container .special {
  width: 100%;
  padding-top: 62px;
  height: 610px;
  box-sizing: border-box;
}
.container .special h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .special p {
  width: 304px;
  height: 17px;
  margin: 0 auto;
  line-height: 32px;
  color: #6e6e6e;
  text-align: center;
  font-size: 16px;
}
.container .special ul {
  width: 1200px;
  margin: 0 auto;
}
.container .special ul li {
  width: 366px;
  height: 152px;
  float: left;
  margin-right: 50px;
  margin-top: 35px;
  cursor: pointer;
}
.container .special ul li:nth-of-type(3n+0) {
  margin-right: 0;
}
.container .special ul li .list1,
.container .special ul li .list2,
.container .special ul li .list3,
.container .special ul li .list4,
.container .special ul li .list5,
.container .special ul li .list6 {
  margin-top: 16px;
  width: 366px;
  height: 152px;
  background-size: 366px 152px;
  padding-left: 105px;
  padding-top: 27px;
}
.container .special ul li .list1 h4,
.container .special ul li .list2 h4,
.container .special ul li .list3 h4,
.container .special ul li .list4 h4,
.container .special ul li .list5 h4,
.container .special ul li .list6 h4 {
  width: 240px;
  height: 16px;
  font-size: 16px;
  letter-spacing: 0px;
  color: #333;
  font-family: 'MicrosoftYaHei-Bold';
}
.container .special ul li .list1 p,
.container .special ul li .list2 p,
.container .special ul li .list3 p,
.container .special ul li .list4 p,
.container .special ul li .list5 p,
.container .special ul li .list6 p {
  width: 224px;
  height: 62px;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  margin-top: 19px;
  letter-spacing: 0px;
  color: #666;
  text-align: left;
}
.container .special ul li .list1 {
  background: url(../../images/wire/spec01.png) no-repeat center center;
}
.container .special ul li .list1.active {
  background: url(../../images/wire/spec11.png) no-repeat center center;
  margin-top: 0;
  width: 366px;
  box-shadow: 5px 5px 9px #e9e8e9;
}
.container .special ul li .list1.active h4 {
  color: #fff;
}
.container .special ul li .list1.active p {
  color: #fff;
}
.container .special ul li .list2 {
  background: url(../../images/wire/spec02.png) no-repeat center center;
}
.container .special ul li .list2.active {
  background: url(../../images/wire/spec12.png) no-repeat center center;
  margin-top: 0;
  width: 366px;
  box-shadow: 5px 5px 9px #e9e8e9;
}
.container .special ul li .list2.active h4 {
  color: #fff;
}
.container .special ul li .list2.active p {
  color: #fff;
}
.container .special ul li .list3 {
  background: url(../../images/wire/spec03.png) no-repeat center center;
}
.container .special ul li .list3.active {
  background: url(../../images/wire/spec13.png) no-repeat center center;
  margin-top: 0;
  width: 366px;
  box-shadow: 5px 5px 9px #e9e8e9;
}
.container .special ul li .list3.active h4 {
  color: #fff;
}
.container .special ul li .list3.active p {
  color: #fff;
}
.container .special ul li .list4 {
  background: url(../../images/wire/spec04.png) no-repeat center center;
}
.container .special ul li .list4.active {
  background: url(../../images/wire/spec14.png) no-repeat center center;
  margin-top: 0;
  width: 366px;
  box-shadow: 5px 5px 9px #e9e8e9;
}
.container .special ul li .list4.active h4 {
  color: #fff;
}
.container .special ul li .list4.active p {
  color: #fff;
}
.container .special ul li .list5 {
  background: url(../../images/wire/spec05.png) no-repeat center center;
}
.container .special ul li .list5.active {
  background: url(../../images/wire/spec15.png) no-repeat center center;
  margin-top: 0;
  width: 366px;
  box-shadow: 5px 5px 9px #e9e8e9;
}
.container .special ul li .list5.active h4 {
  color: #fff;
}
.container .special ul li .list5.active p {
  color: #fff;
}
.container .special ul li .list6 {
  background: url(../../images/wire/spec06.png) no-repeat center center;
}
.container .special ul li .list6.active {
  background: url(../../images/wire/spec16.png) no-repeat center center;
  margin-top: 0;
  width: 366px;
  box-shadow: 5px 5px 9px #e9e8e9;
}
.container .special ul li .list6.active h4 {
  color: #fff;
}
.container .special ul li .list6.active p {
  color: #fff;
}
.container .statics {
  width: 100%;
  height: 670px;
  box-sizing: border-box;
  padding-top: 74px;
  background-color: #f5f5f5;
}
.container .statics h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .statics p {
  text-align: center;
  font-size: 16px;
  color: #666;
  height: 16px;
  margin-top: 13px;
}
.container .statics ul {
  width: 1200px;
  margin: 70px auto 0;
}
.container .statics ul li {
  margin: 0 60px;
  float: left;
}
.container .statics ul li:last-of-type {
  margin-right: 0;
}
.container .statics ul li img {
  display: block;
  width: 278px;
  height: 272px;
}
.container .pcShopping {
  width: 100%;
  height: 830px;
  box-sizing: border-box;
  padding-top: 75px;
}
.container .pcShopping h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .pcShopping p {
  width: 754px;
  height: 46px;
  font-size: 16px;
  margin: 20px auto 0;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
}
.container .pcShopping .pcImg {
  width: 1200px;
  margin: 65px auto 0;
}
.container .pcShopping .pcImg img {
  display: block;
  width: 100%;
  height: 470px;
}
.container .pcShopping .pcImg p {
  width: 240px;
  height: 18px;
  font-size: 18px;
  line-height: 53px;
  color: #666666;
}
.container .wifiShopping {
  width: 100%;
  height: 924px;
  box-sizing: border-box;
  padding-top: 75px;
  background-color: #f5f5f5;
}
.container .wifiShopping h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .wifiShopping p {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
}
.container .wifiShopping p:first-of-type {
  margin-top: 20px;
}
.container .wifiShopping .wifiImg {
  width: 1080px;
  margin: 60px auto 0;
}
.container .wifiShopping .wifiImg img {
  width: 100%;
  height: 560px;
}
.container .wifiShopping .wifiImg p {
  font-size: 18px;
  color: #666;
}
.container .problem {
  width: 100%;
  height: 1256px;
  background: url(../../images/wire/pro0.png) no-repeat;
  padding-top: 75px;
  box-sizing: border-box;
  color: #fff;
}
.container .problem h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .problem p {
  width: 752px;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  height: 46px;
  line-height: 30px;
}
.container .problem p:first-of-type {
  margin-top: 20px;
  margin-bottom: 65px;
}
.container .problem ul {
  width: 888px;
  margin: 0 auto;
}
.container .problem ul li {
  height: 135px;
  padding-left: 158px;
  padding-top: 35px;
}
.container .problem ul li h4 {
  height: 18px;
  font-size: 18px;
  color: #ffffff;
}
.container .problem ul li p {
  margin-left: 0 !important;
  color: #d3d3d3;
  font-size: 14px;
  text-align: left !important;
  width: 644px;
  height: 38px;
  line-height: 24px;
}
.container .problem ul li.proList1 {
  background: url('../../images/wire/pro1.png') no-repeat center center;
}
.container .problem ul li.proList2 {
  background: url('../../images/wire/pro2.png') no-repeat 65px center;
}
.container .problem ul li.proList3 {
  background: url('../../images/wire/pro3.png') no-repeat center center;
}
.container .problem ul li.proList4 {
  background: url('../../images/wire/pro4.png') no-repeat 65px center;
}
.container .problem ul li.proList5 {
  background: url('../../images/wire/pro5.png') no-repeat center center;
}
.container .problem ul li.proList6 {
  background: url('../../images/wire/pro6.png') no-repeat 65px center;
}
.container .problem ul li.proList7 {
  background: url('../../images/wire/pro7.png') no-repeat center center;
}
.container .industy {
  width: 100%;
  height: 483px;
  box-sizing: border-box;
  padding-top: 75px;
}
.container .industy h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .industy p {
  text-align: center;
  font-size: 16px;
  color: #333;
  height: 17px;
  line-height: 32px;
  margin-top: 20px;
}
.container .industy ul {
  width: 1200px;
  margin: 45px auto 0;
}
.container .industy ul li {
  float: left;
  margin-right: 40px;
}
.container .industy ul li:last-of-type {
  margin-right: 0;
}
.container .industy ul li img {
  display: block;
  width: 165px;
  height: 165px;
  border-radius: 50%;
}
.container .industy ul li p {
  font-size: 16px;
  height: 15px;
}
.container .industy ul li:hover {
  transition: 0.3s linear;
  transform: scale(1.1);
}
.container .case {
  width: 100%;
  background-color: #f5f5f5;
  padding-top: 75px;
  box-sizing: border-box;
  height: 532px;
}
.container .case h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .case p {
  font-size: 16px;
  text-align: center;
  color: #666;
}
.container .case ul {
  width: 1128px;
  margin: 20px auto 0;
}
.container .case ul li {
  float: left;
  width: 269px;
  height: 277px;
  margin-right: 17px;
  padding-top: 20px;
  cursor: pointer;
}
.container .case ul li:last-of-type {
  margin-right: 0;
}
.container .case ul li.current {
  box-shadow: 5px 5px 8px #dedede;
}