@charset "utf-8";
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
article,
aside,
audio,
canvas,
figure,
footer,
header,
mark,
menu,
nav,
section,
time,
video {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
  display: block;
}
ul,
ol {
  list-style: none;
}
img {
  border: 0 none;
  vertical-align: top;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong,
em,
i {
  font-style: normal;
  font-weight: normal;
}
ins {
  text-decoration: underline;
}
del {
  text-decoration: line-through;
}
mark {
  background: none;
}
input::-ms-clear {
  display: none !important;
}
body {
  font: 16px/1.5 \5fae\8f6f\96c5\9ed1, \5b8b\4f53, "Hiragino Sans GB", STHeiti,
    "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
  background: #1ca0ad url("../tplimg/body-bg.jpg") no-repeat top center;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: underline;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  font: 0px Arial;
}
.cl:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.cl {
  zoom: 1;
}
/*---附加功能---*/
html,
body {
  scroll-behavior: smooth;
}
.hideText {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  *font: 0/0 serif;
  *text-shadow: none;
  *color: transparent;
}
.dib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.banner {
  height: 430px;
}
.skzx-section {
  position: relative;
  width: 850px; /* 可根据实际情况调整 */
  height: 850px; /* 调整高度以适应圆形布局 */
  margin: 0 auto;
  background: url("../tplimg/media-lines-bg.png") no-repeat center center;
}

.skzx-content {
  position: absolute;
  width: 200px; /* 元素宽度，可根据实际情况调整 */
  height: 200px; /* 元素高度，可根据实际情况调整 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.skzx-content img {
  width: 100%;
  height: 100%;
}
.skzx-no1 {
  width: 300px; /* 设置元素宽度为 300px */
  height: 300px; /* 设置元素高度为 300px */
  z-index: 1;
}

/* 计算并设置每个元素的旋转角度，使其均匀分布在圆形上 */
.skzx-no2 {
  /* 在原有的旋转角度 275.65 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(270deg) translateX(330px)
    rotate(-270deg);
}
.skzx-no3 {
  /* 在原有的旋转角度 224.22 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(218.57deg) translateX(330px)
    rotate(-218.57deg);
}
.skzx-no4 {
  /* 在原有的旋转角度 121.36 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(115.71deg) translateX(330px)
    rotate(-115.71deg);
}
.skzx-no5 {
  /* 在原有的旋转角度 172.79 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(167.14deg) translateX(330px)
    rotate(-167.14deg);
}
.skzx-no6 {
  /* 在原有的旋转角度 69.93 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(64.28deg) translateX(330px)
    rotate(-64.28deg);
}
.skzx-no7 {
  /* 在原有的旋转角度 18.5 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(12.85deg) translateX(330px)
    rotate(-12.85deg);
}
.skzx-no8 {
  /* 在原有的旋转角度 327.08 度基础上减去 5.65 度 */
  transform: translate(-50%, -50%) rotate(321.43deg) translateX(330px)
    rotate(-321.43deg);
}
.skzx-img {
  float: left;
  width: 150px;
  margin-right: 10px;
}
.skzx-content:hover {
  cursor: pointer;
}

.tooltipster-base {
  text-align: center;
}
.tooltipster-follower.tooltipster-noir .tooltipster-box {
  background: #fff;
  border-radius: 20px;
  border: none;
  border: 1px solid #c4c4c4;
  padding: 10px;
}

.tooltipster-follower.tooltipster-noir .tooltipster-content {
  color: #333;
  padding: 8px;
  line-height: 1.6;
  font-size: 14px;
  text-align: justify;
}
.tooltipster-follower.tooltipster-noir .tooltipster-content h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  text-align: center;
  color: #2b78ca;
}
.tooltip_templates {
  display: none;
}

.dishisk-section {
  width: 1110px;
  margin: 30px auto;
  padding: 20px;
  background: #fff;
  border-radius: 30px;
}
.dishisk-bd {
  border-radius: 30px;
  border: 3px solid #4893e1;
}
.dishisk-title {
  width: 100%;
  height: 85px;
  line-height: 85px;
  display: block;
  color: #fff;
  font-size: 46px;
  font-weight: bold;
  text-align: center;
  background: url("../tplimg/dishisk-title-bg.png") no-repeat top center;
}
.dishisk-list {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.dishisk-list li {
  width: 195px;
  display: inline-block;
  padding: 10px 10px 15px 10px;
  margin: 30px 0 0 25px;
  border: 1px solid #e6e6e6;
  text-align: center;
  border-radius: 15px;
  background: url("../tplimg/dishisk-list-bg.jpg") repeat-x left bottom;
}
.dishisk-list .dishisk-photo-section {
  display: table;
  width: 100%;
}
.dishisk-list .dishisk-photo {
  height: 160px;
  display: table-cell;
  vertical-align: middle;
}
.dishisk-list li img {
  width: 140px;
}
.dishisk-list li p {
  width: 100%;
  display: block;
  height: 60px;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  color: #3177c0;
}
.footer {
  width: 1000px;
  margin: 30px auto 80px;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  color: #fff;
}
.wj-icon {
  width: 70px;
}