html {
  font-size: 100px;
}





@keyframes mouse {
  from {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  to {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
  }
}

@-webkit-keyframes mouse {
  from {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  to {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
  }
}



/* banner */
.wcj_page_two_banner {
  width: 100%;
  height: 4.5rem;
  background: #f9f8f7;
  overflow: hidden;
}

.wcj_page_two_banner .center {
  max-width: 1360px;
  height: 4.5rem;
  margin: 0 auto;
}

.wcj_page_two_banner .center .left {
  width: auto;
  height: 4.5rem;
  float: left;
}

.wcj_page_two_banner .center .left h4 {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 1;
  color: #4f4f4f;
  margin-top: 1.2rem;
}

.wcj_page_two_banner .center .left p {
  font-size: 0.18rem;
  line-height: 0.35rem;
  color: #9d9d9d;
  margin-top: 0.1rem;
}

.wcj_page_two_banner .center .left .tel {
  width: 4.6rem;
  height: 0.65rem;
  padding: 0 0.25rem;
  border: solid 0.01rem #eaeaea;
  border-radius: 0.1rem;
  background: #fff;
  margin-top: 0.3rem;
  box-shadow: 0 0 20px #eaeaea;
}

.wcj_page_two_banner .center .left .tel input {
  display: block;
}

.wcj_page_two_banner .center .left .tel input {
  padding-left: 0.26rem;
  font-size: 0.18rem;
  color: #c5c5c5;
  line-height: 0.65rem;
  float: left;
  background: url(../images/wcj_one_phone.png) left center no-repeat;
}

.wcj_page_two_banner .center .left .tel button {
  border: 0;
  cursor: pointer;
  width: 1.25rem;
  height: 0.45rem;
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.45rem;
  float: right;
  background: #d6d6d6;
  border-radius: 0.05rem;
  margin: 0.1rem 0;
  text-align: center;
  -webkit-transition: all .7s;
  transition: all .7s;
}

.wcj_page_two_banner .center .left .tel:hover button {
  background: #ff4e00;
  -webkit-transition: all .7s;
  transition: all .7s;
}

.wcj_page_two_banner .center .right {
  width: 5.85rem;
  height: 3.92rem;
  float: right;
  margin-top: 0.35rem;
}

.wcj_page_two_banner .center .right img {
  vertical-align: top;
}



/* 文字 */
.wcj_txt {
  width: 100%;
  height: auto;
  padding: 0.6rem 0;
  overflow: hidden;
}

.wcj_txt .center {
  max-width: 1360px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0.6rem 0;
  position: relative;
  z-index: 1;
}

.wcj_txt .center::before {
  content: '';
  width: 1.89rem;
  height: 0.92rem;
  background: url(../images/zuo_bk.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all .7s;
  transition: all .7s;
}

.wcj_txt .center::after {
  content: '';
  width: 1.88rem;
  height: 0.93rem;
  background: url(../images/you_bk.png);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: all .7s;
  transition: all .7s;
}

.wcj_txt .center h3 {
  width: 100%;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: center;
  color: #000;
  font-weight: bold;
}

.wcj_txt .center p {
  width: 70%;
  font-size: 0.18rem;
  line-height: 0.4rem;
  text-align: center;
  color: #666;
  text-transform: Uppercase;
  margin: 0.25rem auto 0 auto;
}




/* 功能 */
.wcj_gongneng {
  width: 100%;
  height: auto;
  padding: 0 0 0.8rem 0;
  overflow: hidden;
}

.wcj_gongneng .h_title {
  width: 3.5rem;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.wcj_gongneng .h_title h3 {
  font-size: 0.38rem;
  line-height: 0.4rem;
  text-align: center;
  position: relative;
  font-weight: bold;
  color: #000;
  overflow: hidden;
}

.wcj_gongneng .h_title p {
  font-size: 0.18rem;
  line-height: 0.2rem;
  text-align: center;
  color: #666;
  margin-top: 0.15rem;
  overflow: hidden;
}

.wcj_gongneng .center {
  max-width: 1360px;
  width: 100%;
  height: auto;
  margin: 0.3rem auto 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.wcj_gongneng .center .img {
  width: 35.6%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -17.8%;
}

.wcj_gongneng .center .img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.wcj_gongneng .center .left {
  width: 30%;
  float: left;
}

.wcj_gongneng .center .left li {
  width: 100%;
  margin-bottom: 0.55rem;
  height: auto;
  overflow: hidden;
}

.wcj_gongneng .center .left li:last-child {
  margin-bottom: 0;
}

.wcj_gongneng .center .left li .icon {
  width: 0.8rem;
  height: 0.85rem;
  float: left;
}

.wcj_gongneng .center .left li:nth-of-type(1) .icon {
  background: url(../images/gn_icon_01.png) center top no-repeat;
}

.wcj_gongneng .center .left li:nth-of-type(2) .icon {
  background: url(../images/gn_icon_03.png) center top no-repeat;
}

.wcj_gongneng .center .left li:nth-of-type(3) .icon {
  background: url(../images/gn_icon_05.png) center top no-repeat;
}

.wcj_gongneng .center .left li .txt {
  width: calc(100% - 1rem);
  height: auto;
  float: right;
}

.wcj_gongneng .center .left li .txt h4 {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.2rem;
}

.wcj_gongneng .center .left li .txt p {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}

.wcj_gongneng .center .right {
  width: 30%;
  float: right;
}

.wcj_gongneng .center .right li {
  width: 100%;
  margin-bottom: 0.55rem;
  height: auto;
  overflow: hidden;
}

.wcj_gongneng .center .right li:last-child {
  margin-bottom: 0;
}

.wcj_gongneng .center .right li .icon {
  width: 0.8rem;
  height: 0.85rem;
  float: left;
}

.wcj_gongneng .center .right li:nth-of-type(1) .icon {
  background: url(../images/gn_icon_02.png) center top no-repeat;
}

.wcj_gongneng .center .right li:nth-of-type(2) .icon {
  background: url(../images/gn_icon_04.png) center top no-repeat;
}

.wcj_gongneng .center .right li:nth-of-type(3) .icon {
  background: url(../images/gn_icon_06.png) center top no-repeat;
}

.wcj_gongneng .center .right li .txt {
  width: calc(100% - 1rem);
  height: auto;
  float: right;
}

.wcj_gongneng .center .right li .txt h4 {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.2rem;
}

.wcj_gongneng .center .right li .txt p {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}




/* 效果 */
.wcj_xiaoguo {
  width: 100%;
  height: auto;
  padding: 0.6rem 0 0.8rem 0;
  background: #fcfcfc;
  overflow: hidden;
}

.wcj_xiaoguo .h_title {
  width: 4.1rem;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.wcj_xiaoguo .h_title h3 {
  font-size: 0.38rem;
  line-height: 0.4rem;
  text-align: center;
  position: relative;
  font-weight: bold;
  color: #010101;
  overflow: hidden;
}

.wcj_xiaoguo .h_title p {
  font-size: 0.18rem;
  line-height: 0.2rem;
  text-align: center;
  color: #666;
  margin-top: 0.15rem;
  overflow: hidden;
}

.wcj_xiaoguo .list01 {
  max-width: 1360px;
  width: 100%;
  height: 1.4rem;
  margin: 0.4rem auto 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wcj_xiaoguo .list01 li {
  width: 49%;
  padding: 0.2rem;
  height: 1.4rem;
  float: left;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.1rem;
  -moz-box-shadow: 0px 0px 10px #fbede6;
  -webkit-box-shadow: 0px 0px 10px #fbede6;
  box-shadow: 0px 0px 10px #fbede6;
}

.wcj_xiaoguo .list01 li .icon {
  width: 1.45rem;
  float: left;
  height: 1rem;
  background: url(../images/xg_yuan02.png) 0.08rem center no-repeat;
  position: relative;
}

.wcj_xiaoguo .list01 li .icon::before {
  content: '';
  width: 1px;
  height: 0.5rem;
  background: #dedede;
  position: absolute;
  top: 0.25rem;
  right: 0;
}

.wcj_xiaoguo .list01 li .icon h4 {
  line-height: 1rem;
  font-size: 0.22rem;
  color: #333;
  font-weight: bold;
  padding-left: 0.45rem;
}

.wcj_xiaoguo .list01 li:nth-of-type(1) .icon h4 {
  background: url(../images/xg_icon_01.png) left center no-repeat;
}

.wcj_xiaoguo .list01 li:nth-of-type(2) .icon h4 {
  background: url(../images/xg_icon_01.png) left center no-repeat;
}

.wcj_xiaoguo .list01 li .txt {
  width: calc(100% - 1.65rem);
  height: auto;
  float: right;
}

.wcj_xiaoguo .list01 li .txt p {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.3rem;
  margin: 0.2rem 0;
}

.wcj_xiaoguo .list02 {
  max-width: 1360px;
  width: 100%;
  height: 1.8rem;
  margin: 0.2rem auto 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wcj_xiaoguo .list02 li {
  width: 32%;
  padding: 0.4rem 0.2rem;
  height: 1.8rem;
  float: left;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.1rem;
  -moz-box-shadow: 0px 0px 10px #fbede6;
  -webkit-box-shadow: 0px 0px 10px #fbede6;
  box-shadow: 0px 0px 10px #fbede6;
}

.wcj_xiaoguo .list02 li .icon {
  width: 1.45rem;
  float: left;
  height: 1rem;
  background: url(../images/xg_yuan02.png) 0.08rem center no-repeat;
  position: relative;
}

.wcj_xiaoguo .list02 li .icon::before {
  content: '';
  width: 1px;
  height: 0.5rem;
  background: #dedede;
  position: absolute;
  top: 0.25rem;
  right: 0;
}

.wcj_xiaoguo .list02 li .icon h4 {
  line-height: 0.3rem;
  padding: 0.2rem 0 0.2rem 0.45rem;
  font-size: 0.22rem;
  color: #333;
  font-weight: bold;
}

.wcj_xiaoguo .list02 li:nth-of-type(1) .icon h4 {
  line-height: 1rem;
  padding: 0 0 0 0.45rem;
  background: url(../images/xg_icon_03.png) left center no-repeat;
}

.wcj_xiaoguo .list02 li:nth-of-type(2) .icon h4 {
  background: url(../images/xg_icon_04.png) left center no-repeat;
}

.wcj_xiaoguo .list02 li:nth-of-type(3) .icon h4 {
  background: url(../images/xg_icon_05.png) left center no-repeat;
}

.wcj_xiaoguo .list02 li .txt {
  width: calc(100% - 1.65rem);
  height: auto;
  float: right;
}

.wcj_xiaoguo .list02 li .txt p {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.25rem;
  margin: 0;
}




/* 特点 */
.wcj_tedian {
  width: 100%;
  height: auto;
  padding: 0.6rem 0 1rem 0;
  overflow: hidden;
}

.wcj_tedian .h_title {
  width: 4.1rem;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.wcj_tedian .h_title h3 {
  font-size: 0.38rem;
  line-height: 0.4rem;
  text-align: center;
  position: relative;
  font-weight: bold;
  color: #000;
  overflow: hidden;
}

.wcj_tedian .h_title p {
  font-size: 0.18rem;
  line-height: 0.2rem;
  text-align: center;
  color: #666;
  margin-top: 0.15rem;
  overflow: hidden;
}

.wcj_tedian .list01 {
  max-width: 1360px;
  width: 100%;
  height: auto;
  margin: 0.65rem auto 0 auto;
  overflow: hidden;
}

.wcj_tedian .list01 .img {
  width: 46%;
  height: auto;
  float: left;
}

.wcj_tedian .list01 .img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.wcj_tedian .list01 .txt {
  width: 44%;
  height: auto;
  float: right;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wcj_tedian .list01 .txt li {
  width: 43%;
  height: 1.09rem;
  border-bottom: dashed 1px #ffc8b0;
  float: left;
  margin-top: 0.5rem;
}

.wcj_tedian .list01 .txt li .icon {
  width: 0.53rem;
  height: 1.09rem;
  float: left;
}

.wcj_tedian .list01 .txt li:nth-of-type(1) .icon {
  background: url(../images/td_icon_01.png) center 0.05rem no-repeat;
}

.wcj_tedian .list01 .txt li:nth-of-type(2) .icon {
  background: url(../images/td_icon_02.png) center 0.05rem no-repeat;
}

.wcj_tedian .list01 .txt li:nth-of-type(3) .icon {
  background: url(../images/td_icon_03.png) center 0.05rem no-repeat;
}

.wcj_tedian .list01 .txt li:nth-of-type(4) .icon {
  background: url(../images/td_icon_04.png) center 0.05rem no-repeat;
}

.wcj_tedian .list01 .txt li .wz {
  width: calc(100% - 0.8rem);
  height: auto;
  float: right;
}

.wcj_tedian .list01 .txt li .wz h4 {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.2rem;
}

.wcj_tedian .list01 .txt li .wz p {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.26rem;
  margin-top: 0.15rem;
}

.wcj_tedian .list02 {
  max-width: 1360px;
  width: 100%;
  height: auto;
  margin: 0.8rem auto 0 auto;
  overflow: hidden;
}

.wcj_tedian .list02 .img {
  width: 49.4%;
  height: auto;
  float: right;
}

.wcj_tedian .list02 .img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.wcj_tedian .list02 .txt {
  width: 44%;
  height: auto;
  float: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wcj_tedian .list02 .txt li {
  width: 43%;
  height: 1.09rem;
  border-bottom: dashed 1px #ffc8b0;
  float: left;
  margin-top: 0.5rem;
}

.wcj_tedian .list02 .txt li .icon {
  width: 0.53rem;
  height: 1.09rem;
  float: left;
}

.wcj_tedian .list02 .txt li:nth-of-type(1) .icon {
  background: url(../images/td_icon_05.png) center 0.05rem no-repeat;
}

.wcj_tedian .list02 .txt li:nth-of-type(2) .icon {
  background: url(../images/td_icon_06.png) center 0.05rem no-repeat;
}

.wcj_tedian .list02 .txt li:nth-of-type(3) .icon {
  background: url(../images/td_icon_07.png) center 0.05rem no-repeat;
}

.wcj_tedian .list02 .txt li:nth-of-type(4) .icon {
  background: url(../images/td_icon_08.png) center 0.05rem no-repeat;
}

.wcj_tedian .list02 .txt li .wz {
  width: calc(100% - 0.8rem);
  height: auto;
  float: right;
}

.wcj_tedian .list02 .txt li .wz h4 {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.2rem;
}

.wcj_tedian .list02 .txt li .wz p {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.26rem;
  margin-top: 0.15rem;
}




.wcj_dibu {
  width: 100%;
  height: 1.5rem;
  background: url(../images/scrm_db02.jpg) center top no-repeat;
  overflow: hidden;
}

.wcj_dibu .center {
  max-width: 1360px;
  width: 100%;
  height: 1.5rem;
  margin: 0 auto;
  overflow: hidden;
}

.wcj_dibu .center .txt {
  width: auto;
  float: left;
  line-height: 1.5rem;
  font-size: 0.26rem;
  color: #fff;
}

.wcj_dibu .center .back {
  display: block;
  width: 3.7rem;
  height: 0.5rem;
  padding: 0 0.1rem 0 0.2rem;
  margin: 0.5rem auto 0 auto;
  background: #fff;
  border-radius: 0.25rem;
  display: flex;
  justify-content: space-between;
}

.wcj_dibu .center .back p {
  font-size: 0.14rem;
  color: #333;
  line-height: 0.5rem;
  float: left;
}

.wcj_dibu .center .back i {
  display: block;
  width: 0.42rem;
  height: 0.5rem;
  background: url(../images/jt_001.png) center center no-repeat;
  float: left;
}

.wcj_dibu .center .back span {
  display: block;
  width: 0.4rem;
  height: 0.5rem;
  background: url(../images/guwen03.png) center center no-repeat;
}









@media (max-width: 1300px) {


  .wcj_dibu {
    width: 100%;
    height: 1.7rem;
    padding-top: 0.3rem;
    background: url(../images/wap_scrm_db02.jpg) center top no-repeat;
    overflow: hidden;
  }

  .wcj_dibu .center {
    width: 100%;
    height: 1.7rem;
    margin: 0 auto;
    overflow: hidden;
  }

  .wcj_dibu .center .back {
    margin: 0.3rem auto 0 auto;
  }

  .wcj_dibu .center .txt {
    width: 60%;
    float: none;
    line-height: 0.3rem;
    font-size: 0.16rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
  }



  /* 特点 */
  .wcj_tedian {
    width: 100%;
    height: auto;
    padding: 0.4rem 0;
    overflow: hidden;
  }

  .wcj_tedian .h_title {
    width: 3rem;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }

  .wcj_tedian .h_title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
  }

  .wcj_tedian .h_title p {
    font-size: 0.14rem;
    line-height: 0.2rem;
    text-align: center;
    color: #666;
    margin-top: 0.05rem;
    overflow: hidden;
  }

  .wcj_tedian .list01 {
    width: 100%;
    height: auto;
    margin: 0.25rem auto 0 auto;
    overflow: hidden;
  }

  .wcj_tedian .list01 .img {
    width: 95%;
    height: auto;
    margin: 0 auto;
    float: none;
  }

  .wcj_tedian .list01 .img img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .wcj_tedian .list01 .txt {
    width: 96%;
    height: auto;
    float: none;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .wcj_tedian .list01 .txt li {
    width: 48%;
    height: auto;
    border-bottom: dashed 1px #ffc8b0;
    float: left;
    margin-top: 0.3rem;
    padding-bottom: 0.2rem;
  }

  .wcj_tedian .list01 .txt li .icon {
    width: 0.53rem;
    height: 0.6rem;
    float: left;
    transform: scale(0.7);
  }

  .wcj_tedian .list01 .txt li:nth-of-type(1) .icon {
    background: url(../images/td_icon_01.png) center top no-repeat;
  }

  .wcj_tedian .list01 .txt li:nth-of-type(2) .icon {
    background: url(../images/td_icon_02.png) center top no-repeat;
  }

  .wcj_tedian .list01 .txt li:nth-of-type(3) .icon {
    background: url(../images/td_icon_03.png) center top no-repeat;
  }

  .wcj_tedian .list01 .txt li:nth-of-type(4) .icon {
    background: url(../images/td_icon_04.png) center top no-repeat;
  }

  .wcj_tedian .list01 .txt li .wz {
    width: calc(100% - 0.55rem);
    height: auto;
    float: right;
  }

  .wcj_tedian .list01 .txt li .wz h4 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.2rem;
  }

  .wcj_tedian .list01 .txt li .wz p {
    font-size: 0.13rem;
    color: #666;
    line-height: 0.22rem;
    margin-top: 0.05rem;
  }

  .wcj_tedian .list02 {
    width: 100%;
    height: auto;
    margin: 0.3rem auto 0 auto;
    overflow: hidden;
  }

  .wcj_tedian .list02 .img {
    width: 95%;
    height: auto;
    float: none;
    margin: 0 auto;
  }

  .wcj_tedian .list02 .img img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .wcj_tedian .list02 .txt {
    width: 96%;
    height: auto;
    float: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .wcj_tedian .list02 .txt li {
    width: 48%;
    height: auto;
    border-bottom: dashed 1px #ffc8b0;
    float: left;
    margin-top: 0.3rem;
    padding-bottom: 0.2rem;
  }

  .wcj_tedian .list02 .txt li .icon {
    width: 0.53rem;
    height: 0.6rem;
    float: left;
    transform: scale(0.7);
  }

  .wcj_tedian .list02 .txt li:nth-of-type(1) .icon {
    background: url(../images/td_icon_04.png) center 0 no-repeat;
  }

  .wcj_tedian .list02 .txt li:nth-of-type(2) .icon {
    background: url(../images/td_icon_05.png) center 0 no-repeat;
  }

  .wcj_tedian .list02 .txt li:nth-of-type(3) .icon {
    background: url(../images/td_icon_06.png) center 0 no-repeat;
  }

  .wcj_tedian .list02 .txt li:nth-of-type(4) .icon {
    background: url(../images/td_icon_07.png) center 0 no-repeat;
  }

  .wcj_tedian .list02 .txt li .wz {
    width: calc(100% - 0.55rem);
    height: auto;
    float: right;
  }

  .wcj_tedian .list02 .txt li .wz h4 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.2rem;
  }

  .wcj_tedian .list02 .txt li .wz p {
    font-size: 0.13rem;
    color: #666;
    line-height: 0.22rem;
    margin-top: 0.05rem;
  }







  /* 效果 */
  .wcj_xiaoguo {
    width: 100%;
    height: auto;
    padding: 0.4rem 0;
    background: #fcfcfc;
    overflow: hidden;
  }

  .wcj_xiaoguo .h_title {
    width: 3rem;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }

  .wcj_xiaoguo .h_title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
  }

  .wcj_xiaoguo .h_title p {
    font-size: 0.14rem;
    line-height: 0.2rem;
    text-align: center;
    color: #666;
    margin-top: 0.05rem;
    overflow: hidden;
  }

  .wcj_xiaoguo .list01 {
    width: 95%;
    height: auto;
    margin: 0.2rem auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .wcj_xiaoguo .list01 li {
    width: 100%;
    padding: 0.1rem;
    height: auto;
    float: left;
    margin-bottom: 0.15rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.1rem;
    -moz-box-shadow: 0px 0px 10px #fbede6;
    -webkit-box-shadow: 0px 0px 10px #fbede6;
    box-shadow: 0px 0px 10px #fbede6;
  }

  .wcj_xiaoguo .list01 li .icon {
    width: 1rem;
    float: left;
    height: 0.8rem;
    background: url(../images/xg_yuan.png) 0.08rem center no-repeat;
    position: relative;
  }

  .wcj_xiaoguo .list01 li .icon::before {
    content: '';
    width: 1px;
    height: 0.5rem;
    background: #dedede;
    position: absolute;
    top: 0.15rem;
    right: 0;
  }

  .wcj_xiaoguo .list01 li .icon h4 {
    line-height: 0.8rem;
    font-size: 0.16rem;
    color: #333;
    font-weight: bold;
    padding-left: 0.4rem;
  }

  .wcj_xiaoguo .list01 li:nth-of-type(1) .icon h4 {
    background: url(../images/xg_icon_01.png) left center no-repeat;
  }

  .wcj_xiaoguo .list01 li:nth-of-type(2) .icon h4 {
    background: url(../images/xg_icon_01.png) left center no-repeat;
  }

  .wcj_xiaoguo .list01 li .txt {
    width: calc(100% - 1.15rem);
    height: auto;
    float: right;
  }

  .wcj_xiaoguo .list01 li .txt p {
    font-size: 0.14rem;
    color: #666;
    line-height: 0.25rem;
    margin: 0;
  }

  .wcj_xiaoguo .list02 {
    width: 95%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .wcj_xiaoguo .list02 li {
    width: 100%;
    padding: 0.1rem;
    height: auto;
    float: left;
    margin-bottom: 0.15rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.1rem;
    -moz-box-shadow: 0px 0px 10px #fbede6;
    -webkit-box-shadow: 0px 0px 10px #fbede6;
    box-shadow: 0px 0px 10px #fbede6;
  }

  .wcj_xiaoguo .list02 li .icon {
    width: 1rem;
    float: left;
    height: 0.8rem;
    background: url(../images/xg_yuan.png) 0.08rem center no-repeat;
    position: relative;
  }

  .wcj_xiaoguo .list02 li .icon::before {
    content: '';
    width: 1px;
    height: 0.5rem;
    background: #dedede;
    position: absolute;
    top: 0.15rem;
    right: 0;
  }

  .wcj_xiaoguo .list02 li .icon h4 {
    line-height: 0.2rem;
    padding: 0.2rem 0 0.2rem 0.4rem;
    font-size: 0.16rem;
    color: #333;
    font-weight: bold;
  }

  .wcj_xiaoguo .list02 li:nth-of-type(1) .icon h4 {
    line-height: 0.8rem;
    padding: 0 0 0 0.4rem;
    background: url(../images/xg_icon_03.png) left center no-repeat;
  }

  .wcj_xiaoguo .list02 li:nth-of-type(2) .icon h4 {
    background: url(../images/xg_icon_04.png) left center no-repeat;
  }

  .wcj_xiaoguo .list02 li:nth-of-type(3) .icon h4 {
    background: url(../images/xg_icon_05.png) left center no-repeat;
  }

  .wcj_xiaoguo .list02 li .txt {
    width: calc(100% - 1.15rem);
    height: auto;
    float: right;
  }

  .wcj_xiaoguo .list02 li .txt p {
    font-size: 0.14rem;
    color: #666;
    line-height: 0.25rem;
    margin: 0;
  }







  /* 功能 */
  .wcj_gongneng {
    width: 100%;
    height: auto;
    padding: 0 0 0.3rem 0;
    overflow: hidden;
  }

  .wcj_gongneng .h_title {
    width: 2.5rem;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }

  .wcj_gongneng .h_title h3 {
    font-size: 0.2rem;
    line-height: 0.25rem;
  }

  .wcj_gongneng .h_title p {
    font-size: 0.14rem;
    line-height: 0.2rem;
    text-align: center;
    color: #666;
    margin-top: 0.05rem;
    overflow: hidden;
  }

  .wcj_gongneng .center {
    width: 100%;
    height: auto;
    margin: 0.2rem auto 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0 0.15rem;
    box-sizing: border-box;
  }

  .wcj_gongneng .center .img {
    width: 85%;
    position: static;
    margin-left: 0;
    margin: 0 auto;
  }

  .wcj_gongneng .center .img img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .wcj_gongneng .center .left {
    width: 100%;
    float: left;
    margin-top: 0.2rem;
  }

  .wcj_gongneng .center .left li {
    width: 95%;
    height: auto;
    margin: 0 auto 0.2rem auto;
    overflow: hidden;
  }

  .wcj_gongneng .center .left li .txt h4 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.2rem;
  }

  .wcj_gongneng .center .left li .txt p {
    font-size: 0.14rem;
    color: #666;
    line-height: 0.25rem;
    margin-top: 0.1rem;
  }

  .wcj_gongneng .center .right {
    width: 100%;
    float: right;
    margin: 0.2rem 0 0.3rem 0;
  }

  .wcj_gongneng .center .right li {
    width: 95%;
    height: auto;
    margin: 0 auto 0.2rem auto;
    overflow: hidden;
  }

  .wcj_gongneng .center .right li .txt h4 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.2rem;
  }

  .wcj_gongneng .center .right li .txt p {
    font-size: 0.14rem;
    color: #666;
    line-height: 0.25rem;
    margin-top: 0.1rem;
  }





  /* 文字 */
  .wcj_txt {
    width: 100%;
    height: auto;
    padding: 0.4rem 0;
    overflow: hidden;
  }

  .wcj_txt .center {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0.4rem 0;
    position: relative;
    z-index: 1;
  }

  .wcj_txt .center::before {
    content: '';
    width: 1.89rem;
    height: 0.92rem;
    background: url(../images/zuo_bk.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0.9);
  }

  .wcj_txt .center::after {
    content: '';
    width: 1.88rem;
    height: 0.93rem;
    background: url(../images/you_bk.png);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform: scale(0.9);
  }

  .wcj_txt .center h3 {
    width: 78%;
    font-size: 0.17rem;
    line-height: 0.3rem;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin: 0 auto;
  }

  .wcj_txt .center p {
    width: 90%;
    font-size: 0.14rem;
    line-height: 0.3rem;
    text-align: center;
    color: #666;
    text-transform: Uppercase;
    margin: 0.15rem auto 0 auto;
  }





  /* banner */
  .wcj_page_two_banner {
    width: 100%;
    height: auto;
    padding: 0.4rem 0 0.2rem 0;
    background: #f9f8f7;
    overflow: hidden;
  }

  .wcj_page_two_banner .center {
    max-width: 1360px;
    width: 96%;
    height: auto;
    margin: 0 auto;
  }

  .wcj_page_two_banner .center .left {
    width: 100%;
    height: auto;
    float: none;
  }

  .wcj_page_two_banner .center .left h4 {
    font-size: 0.24rem;
    margin-top: 0;
    text-align: center;
  }

  .wcj_page_two_banner .center .left p {
    font-size: 0.16rem;
    line-height: 0.35rem;
    color: #9d9d9d;
    margin-top: 0.1rem;
    text-align: center;
  }

  .wcj_page_two_banner .center .left .tel {
    width: calc(100% - 0.3rem);
    height: 0.65rem;
    padding: 0 0.15rem;
    order-radius: 0.05rem;
    margin-top: 0.2rem;
  }

  .wcj_page_two_banner .center .left .tel span {
    display: block;
  }

  .wcj_page_two_banner .center .left .tel span:nth-of-type(1) {
    padding-left: 0.26rem;
    font-size: 0.16rem;
    color: #c5c5c5;
    line-height: 0.45rem;
    float: left;
    background: url(../images/wcj_one_phone.png) left center no-repeat;
  }

  .wcj_page_two_banner .center .left .tel span:nth-of-type(2) {
    width: 1rem;
    height: 0.35rem;
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.35rem;
    float: right;
    background: #d6d6d6;
    border-radius: 0.05rem;
    margin: 0.05rem 0;
    text-align: center;
    -webkit-transition: all .7s;
    transition: all .7s;
  }

  .wcj_page_two_banner .center .right {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 0.3rem;
  }

  .wcj_page_two_banner .center .right img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .wcj_page_two_banner .center .left .tel button{
    width: 1rem;
  }

}