@charset "UTF-8";

/* 公共样式 */
:root {
  --APP360: 750*360;
  --APP375: 750*375;
  --APP414: 750*414;
  --APP480: 750*480;
  --APP640: 750*640;
  --APP768: 750*768;
  --PCS768: 1920*768;
  --PCS1024: 1920*1024;
  --PCS1280: 1920*1280;
  --PCS1366: 1920*1366;
  --PCS1440: 1920*1440;
  --PCS1600: 1920*1600;
  --PCS1920: 1920*1920;
  --PCS2736: 1920*2736;
  --PCS3840: 1920*3840;
}

.kniu_mt_20 {
  margin-top: calc(20px/var(--PCS768)) !important;
}

.kniu_mb_20 {
  margin-bottom: calc(20px/var(--PCS768)) !important;
}

.kniu_font_size_24 {
  font-size: calc(24px/var(--PCS768)) !important;
}

@media (min-width: 1024px) {
  .kniu_mt_20 {
    margin-top: calc(20px/var(--PCS1024)) !important;
  }

  .kniu_mb_20 {
    margin-bottom: calc(20px/var(--PCS1024)) !important;
  }

  .kniu_font_size_24 {
    font-size: calc(24px/var(--PCS1024)) !important;
  }
}

@media (min-width: 1280px) {
  .kniu_mt_20 {
    margin-top: calc(20px/var(--PCS1280)) !important;
  }

  .kniu_mb_20 {
    margin-bottom: calc(20px/var(--PCS1280)) !important;
  }

  .kniu_font_size_24 {
    font-size: calc(24px/var(--PCS1280)) !important;
  }
}

@media (min-width: 1366px) {
  .kniu_mt_20 {
    margin-top: calc(20px/var(--PCS1366)) !important;
  }

  .kniu_mb_20 {
    margin-bottom: calc(20px/var(--PCS1366)) !important;
  }

  .kniu_font_size_24 {
    font-size: calc(24px/var(--PCS1366)) !important;
  }
}

@media (min-width: 1440px) {
  .kniu_mt_20 {
    margin-top: calc(20px/var(--PCS1440)) !important;
  }

  .kniu_mb_20 {
    margin-bottom: calc(20px/var(--PCS1440)) !important;
  }

  .kniu_font_size_24 {
    font-size: calc(24px/var(--PCS1440)) !important;
  }
}

@media (min-width: 1600px) {
  .kniu_mt_20 {
    margin-top: calc(20px/var(--PCS1600)) !important;
  }

  .kniu_mb_20 {
    margin-bottom: calc(20px/var(--PCS1600)) !important;
  }

  .kniu_font_size_24 {
    font-size: calc(24px/var(--PCS1600)) !important;
  }
}

@media (min-width: 1920px) {
  .kniu_mt_20 {
    margin-top: calc(20px/var(--PCS1920)) !important;
  }

  .kniu_mb_20 {
    margin-bottom: calc(20px/var(--PCS1920)) !important;
  }

  .kniu_font_size_24 {
    font-size: calc(24px/var(--PCS1920)) !important;
  }
}

/* --------------------------------------------------------------------------------------------- */
/* 页面样式 */
.head {
  height: 60px;
  line-height: 60px;
  font-size: 34px;
  width: 1200px;
  margin: 30px auto;
  padding-left: 20px;
  margin-top: 74px;
}

.br {
  width: 1200px;
  height: 1px;
  margin: 0 auto;
  background-color: #ccc;
}

.case_box .category ul {
  display: block;
  height: auto;
  overflow: hidden;
  margin: 32px 0;
}

.case_box .category ul li {
  float: left;
  font-size: 18px;
  margin-right: 45px;
  text-align: center;
  width: 155px;
  height: 40px;
  line-height: 40px;
  color: #939aac;
  border-radius: 69px;
  cursor: pointer;
}

.case_box .category ul li.active {
  color: #fff;
  background: #333;
}

.case_box .content .cont {
  /* height: 650px; */
  display: none;
}

.case_box .content {
  /* height: 750px; */
  /* background-color: pink; */

}

.case_box .content .cont.active {
  display: block;
}

.pp {
  height: 100px;
  line-height: 100px;
  font-size: 16px;
}

/*地图*/
.mapBox {
  width: 1400px;
  margin: 55px auto;
  position: relative;
  overflow: hidden;

}

.mapBox #map_image {
  width: 688px;
  height: auto;
  float: left;
  display: block;
}

.mapBox .mapPath {
  display: none;
  overflow: hidden;
}

map {
  display: block;
  float: left;
  width: 650px;
  height: auto;
  background-color: #fff;
}

#planetmap {
  position: absolute;
  margin-left: 20px;
  top: 0;
  right: 0;
}

.mapPath h2 {
  /* height: 50px; */
  font-size: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.mapPath p {
  height: 40px;
  background-color: #005cb9;
  opacity: 0.8;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  padding-left: 20px;

}

.mapPath tbody {
  font-size: 12px;
  width: 600px;
}

.mapPath tr {
  height: 40px;

}

#td {
  padding-left: 20px;

}

/* 渠道租赁 */
.cont .con {
  height: 20px;
  padding: 35px 0;
  width: 1200px;
  padding-left: 120px;
  font-size: 14px;
}

.cont ul {
  overflow: hidden;

}

.cont ul li {
  float: left;
  width: 30%;
  margin-bottom: 50px;
}

.cont .sdr li {
  height: 28rem;
  margin-left: 40px;
}

.cont ul li h3 {
  margin: 20px 0;
  font-size: 16px;
}

.cont ul li dt {
  margin: 18px 0 13px;
  font-size: 14px;
}

.cont ul li dd {
  margin: 2px 0;
  font-size: 14px;
}


.cont ul li dt {
  color: #49a8f2;
  font-weight: 700;
}

.cont ul li dd {
  color: #939aac;
}

/*  */
.new_cnlf a {
  display: block;
  color: #217af0
}

a:hover {
  text-decoration: none;
  outline: none;
}

.clear {
  clear: both
}

input {
  border: none;
}

/* 必要布局样式css */
.title_cn {
  text-align: center;
}

#new_box {
  width: 100%;
  padding: 50px 0px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 0px;
}

.new_con {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}

.newtel {
  height: 50px;
  /* border-bottom: 1px solid #e7e7e7; */
  padding-bottom: 10px;
  font-family: "微软雅黑";
  font-size: 18px;
  color: #666
}

.new_telst {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  top: 6px;
  text-align: center
}

.newtel .new_telst li {
  /* width: 166px; */
  line-height: 30px;
  text-align: center;
  float: left;
  display: inline;
  font-family: "微软雅黑";
  cursor: pointer;
  width: 15%;
  font-size: 16px;
  z-index: 999;
}

.new_telst li.newon {
  color: #333;
  font-weight: bold;
  font-size: 18px;
}

.new_telst p {
  position: absolute;
  top: 53px;
  left: 0px;
  width: 166px;
  height: 7px;
  border-top: 3px solid #005cb9;
  text-align: center;
}

.new_telst b {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 0px;
  border-style: solid dashed dashed dashed;
  border-width: 11px;
  border-color: #005cb9 #fff #fff #fff;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
}

.new_telst i {
  display: inline-block;
  width: 0;
  height: 0;
  top: -3px;
  left: 74px;
  border: 6px solid transparent;
  border-top-color: #fff;
  border-width: 9px;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  position: absolute;
}

.new-wrap {
  width: 1000px;
  margin: 0 auto;
}

.new_lst {
  margin-top: 10px;
  padding-top: 20px;
}

.new_lst .new_lst_cn {
  left: 0px;
  overflow: hidden;
  /* white-space: nowrap; */
  height: auto;
  margin-bottom: 50px;
}


.new_lst ul li {
  width: 27%;
  height: 230px;
  text-align: center;

  margin: 31px;
}

.new_lst ul li img {
  margin-top: 20px;
  height: 50px;
  width: 160px;
}

.new_lst ul li p {
  margin-bottom: 5px;
  word-break: break-all;
}

.new_lst ul li a {
  display: inline-block;
  width: 100%;
  word-break: break-all;
}

.wap-area .mapPath .wap-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  margin-bottom: 2px;
  border-bottom: 1px solid #b3b3b3;
}

.wap-area .wap-title h2 {
  font-weight: 400;
  font-size: 18px;
  margin: 0;
  padding-left: 0;
}

.wap-area .mapPath .wap-title .arrow {
  width: 20px;
  height: 20px;
}

.wap-area .mapPath .wap-area-content {
  display: none;
}

.wap-area .wap-area-content tr,
.wap-area .wap-area-content .quyutable ul {
  display: flex;
  flex-direction: column;
  height: unset;
}

.wap-area .wap-area-content td,
.wap-area-content .quyutable ul li {
  width: unset;
  padding: 5px 20px;
}

/*  */
@font-face {
  font-family: 'iconfont';
  src: url('../css/font1/iconfont.eot');
  src: url('../css/font1/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../css/font1/iconfont.woff2') format('woff2'),
    url('../css/font1/iconfont.woff') format('woff'),
    url('../css/font1/iconfont.ttf') format('truetype'),
    url('../css/font1/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  display: block;
  float: left;
  font-family: "iconfont" !important;
  font-size: 22px !important;
  width: 14% !important;
  color: #616161 !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.new-wrap {
  width: 1150px;
  margin: 0 auto;
}

.sale_ul .sale_1 {
  width: 20%;
  margin: 20px 28px;
  height: 370px;
}

.sale_ul .sale_2 {
  width: 100%;
  margin-bottom: 25px;
}

.sale_ul .sale_1 h3 {
  font-size: 22px;
  padding: 10px 0;
  color: #808080;
}

.sale_ul .sale_1 h4 {
  font-size: 16px;
  padding: 10px 0;
  color: #333;
}

.sale_ul .sale_1 div {
  font-size: 14px;
  color: #333;
}

.sale_ul .sale_1 h3:after {
  content: "";
  position: relative;
  display: block;
  background-color: yellow;
  border-bottom: 4px solid #0068b7;
  color: red;
  width: 40px;
  top: 10px;
  font-weight: bold;

}

.sale_ul .sale_2 span {
  font-size: 14px;
  display: block;
  width: 80%;
  float: left;
  color: #616161;
}

.quyutable tbody,
.quyutable {
  font-size: 14px;
  line-height: 15px;
}

.quyutable ul li {
  margin-bottom: 0;
}

.wap-area {
  display: none;
}

@media screen and (max-width:1400px) {
  body {
    overflow-x: scroll;
  }
}

@media screen and (max-width:1366px) {

  body {
    overflow-x: hidden;
  }

  #planetmap {
    position: absolute;
    margin-left: 20px;
    top: 0;
    right: 120px;
  }

  .content {
    width: 1200px;
  }

  .mapBox {
    width: 1336px;
    margin: 55px auto;
    position: relative;
    overflow: hidden;
  }

  #quyutable_address {
    width: 45%;
  }

  map {
    width: 570px;
  }

  svg {
    width: 800px;
  }
}

@media screen and (max-width:1200px) {
  body {
    overflow-x: scroll;
  }

}

@media screen and (min-width:768px) {
  .wap-area {
    display: none;
  }

  .mapBox {
    display: block;
  }
}

@media all and (max-width: 768px) {
  .head {
    width: 100%;
    margin: 15px 0;
    font-size: 26px;
    padding: 0;
    text-indent: 20px;

  }

  .br {
    width: 100%;
  }

  .w1200 {
    width: 100%;
  }

  .case_box .category ul {
    width: 100%;
  }

  .category {
    padding: 0;
  }

  .case_box .category ul li {
    font-size: 16px;
    width: 30%;
    margin-right: 0;
  }

  .content {
    width: unset;
    padding: 0 5%;
  }

  .pp {
    height: 40px;
    line-height: 40px;
  }

  .mapBox {
    width: 100%;
    margin: auto;
  }

  .mapBox {
    display: none;
  }

  .mapPath {
    display: block;
  }

  .wap-area {
    display: block;
  }

  .wap-area #quyutable_address {
    width: unset;
  }

  .wap-area .wap-area-item {
    margin-top: 20px;
  }

  .cont .con {
    display: none;
    width: 100%;
  }

  .cont .sdr li {
    float: unset;
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .new_con {
    margin-top: 0;
    max-width: unset;
  }

  .sale_ul .sale_1 {
    margin: 20px 0;
    width: 100%;
    height: auto;
    float: unset;
  }
}

.moddle .text_1 {
  display: inline-block;
  color: #005cb9;
  padding-left: 20px;
}