body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
figure,
figure,
legend,
textarea,
p,
blockquote,
th,
td,
input,
label {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei";
  word-wrap: break-word;
}
html {
  /*font-size: 6.25%;*/
  /*100 ÷ 16 × 100% = 6.25%*/
  -ms-touch-action: none;
  /* 禁止winphone默认触摸事件 */
}
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: top;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
  color: inherit;
}
input {
  outline: medium;
}
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
[v-cloak],
.ms-controller {
  visibility: hidden;
}
.cleardiv {
  clear: both;
  height: 0;
  display: block;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
  visibility: hidden;
  content: " ";
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.pf {
  position: fixed;
}
.ps {
  position: static;
}
.fl {
  float: left;
  _display: inline;
}
.fr {
  float: right;
  _display: inline;
}
.fn {
  float: none;
}
.ovh {
  overflow: hidden;
}
.vh {
  visibility: hidden;
}
.bCt {
  background: transparent;
}
.none0 {
  display: none;
}
.ovh_dan {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.region {
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}
.main {
  width: 1000px;
  margin: 0 auto;
}
.region_01,
.region_01 .main {
  height: 505px;
  background: url("../img/ssqpj_01.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_02,
.region_02 .main {
  height: 195px;
  background: url("../img/ssqpj_02.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_03,
.region_03 .main {
  height: 108px;
  background: url("../img/ssqpj_03.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_04,
.region_04 .main {
  height: 136px;
  background: url("../img/ssqpj_04.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_05,
.region_05 .main {
  height: 186px;
  background: url("../img/ssqpj_05.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_06,
.region_06 .main {
  height: 250px;
  background: url("../img/ssqpj_06.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_07,
.region_07 .main {
  height: 424px;
  background: url("../img/ssqpj_07.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_08,
.region_08 .main {
  height: 166px;
  background: url("../img/ssqpj_08.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_09,
.region_09 .main {
  height: 236px;
  background: url("../img/ssqpj_09.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_10,
.region_10 .main {
  height: 261px;
  background: url("../img/ssqpj_10.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_11,
.region_11 .main {
  height: 384px;
  background: url("../img/ssqpj_11.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_12,
.region_12 .main {
  height: 363px;
  background: url("../img/ssqpj_12.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_13,
.region_13 .main {
  height: 386px;
  background: url("../img/ssqpj_13.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_14,
.region_14 .main {
  height: 456px;
  background: url("../img/ssqpj_14.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_15,
.region_15 .main {
  height: 297px;
  background: url("../img/ssqpj_15.jpg") no-repeat top center;
  background-size: auto 100%;
}
.region_01 .main {
  position: relative;
}
.region_01 .r-01-01 {
  position: absolute;
  top: 275px;
  left: 90px;
}
.region_01 .r-01-02 {
  position: absolute;
  top: 140px;
  left: 100px;
}
.region_01 .r-01-03 {
  position: absolute;
  top: 245px;
  left: 520px;
}
.region_01 .r-01-01 {
  opacity: 0.001;
  -webkit-transform: translate(100px, 100px);
  -moz-transform: translate(100px, 100px);
  -ms-transform: translate(100px, 100px);
  -o-transform: translate(100px, 100px);
  transform: translate(100px, 100px);
  -webkit-transition: all 1s ease 0.001s;
  -moz-transition: all 1s ease 0.001s;
  -ms-transition: all 1s ease 0.001s;
  -o-transition: all 1s ease 0.001s;
  transition: all 1s ease 0.001s;
}
.region_01 .r-01-02 {
  opacity: 0.001;
  -webkit-transform: translate(-100px, 100px);
  -moz-transform: translate(-100px, 100px);
  -ms-transform: translate(-100px, 100px);
  -o-transform: translate(-100px, 100px);
  transform: translate(-100px, 100px);
  -webkit-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  transition: all 1s ease 0.5s;
}
.region_01 .r-01-03 {
  opacity: 0.001;
  -webkit-transform: translate(100px, -100px);
  -moz-transform: translate(100px, -100px);
  -ms-transform: translate(100px, -100px);
  -o-transform: translate(100px, -100px);
  transform: translate(100px, -100px);
  -webkit-transition: all 1s ease 1s;
  -moz-transition: all 1s ease 1s;
  -ms-transition: all 1s ease 1s;
  -o-transition: all 1s ease 1s;
  transition: all 1s ease 1s;
}
.dhks .r-01-01 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.dhks .r-01-02 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.dhks .r-01-03 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.region_07 .main {
  position: relative;
}
.region_07 .je {
  position: absolute;
  left: 375px;
  font-size: 52px;
  color: #fff;
}
.region_07 .je strong {
  font-size: 87px;
  font-weight: bold;
}
.region_07 .jd1 {
  top: 70px;
}
.region_07 .jd6 {
  top: 280px;
}
.region_11 .main,
.region_12 .main {
  position: relative;
}
.region_11 .jcnr,
.region_12 .jcnr {
  width: 685px;
  position: absolute;
  left: 275px;
  font: 24px/28px '';
  text-align: justify;
  color: #ffe178;
}
.region_11 .jcne_1,
.region_12 .jcne_1 {
  top: 170px;
}
.region_11 .jcne_6,
.region_12 .jcne_6 {
  top: 85px;
}
.region_14 .main {
  position: relative;
}
.region_14 .xwul {
  position: absolute;
  top: 115px;
  left: 50px;
}
.region_14 .xwul li {
  width: 270px;
  padding-left: 45px;
  float: left;
  _display: inline;
  font: 16px/60px '';
  color: #fff;
  background: url("../img/xwul-li.png") no-repeat center left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.region_14 .gd {
  position: absolute;
  top: 315px;
  right: 30px;
  width: 100px;
  height: 34px;
  font: 20px/34px '';
  text-align: center;
  color: #fff;
  background: #0854e8;
  border-radius: 8px;
}
.huandeng {
  position: relative;
  top: 95px;
  margin: 0 auto;
  width: 970px;
  height: 315px;
}
.huandeng .hdnr {
  position: relative;
  width: 100%;
  height: 100%;
}
.huandeng .hn_nr {
  position: absolute;
  opacity: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease 0.001s;
  -moz-transition: all 0.2s ease 0.001s;
  -ms-transition: all 0.2s ease 0.001s;
  -o-transition: all 0.2s ease 0.001s;
  transition: all 0.2s ease 0.001s;
}
.huandeng .hn_nr img {
  width: 285px;
  height: 185px;
  margin-bottom: 10px;
}
.huandeng .hn_nr .hdbt {
  font: 18px/33px '';
  text-align: justify;
  color: #fff;
}
.huandeng .hn_nr .hdbt h2 {
  font: bold 18px/30px '';
  color: #fff;
  text-align: center;
  padding: 15px 0 10px ;
}
.huandeng .hn_nr .hdbt p {
  font: bold 14px/16px '';
  color: #fff;
  opacity: 0.4;
  color: #FFF;
  text-align: justify;
}
.huandeng .dq {
  width: 285px;
  height: 285px;
  left: 36%;
  opacity: 1;
  z-index: 10;
}
.huandeng .dq .hdbt {
  display: block;
}
.huandeng .yb_l {
  width: 285px;
  height: 285px;
  left: 0%;
  top: 0%;
  opacity: 1;
  z-index: 5;
}
.huandeng .yb_r {
  width: 285px;
  height: 285px;
  left: 70%;
  top: 0%;
  opacity: 1;
  z-index: 5;
}
.huandeng .hd_dd {
  position: absolute;
  z-index: 20;
  bottom: 25px;
  right: 20px;
}
.huandeng .hd_dd li {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}
.huandeng .hd_dd[data-xl="0"] li[data-xl="0"],
.huandeng .hd_dd[data-xl="1"] li[data-xl="1"],
.huandeng .hd_dd[data-xl="2"] li[data-xl="2"],
.huandeng .hd_dd[data-xl="3"] li[data-xl="3"],
.huandeng .hd_dd[data-xl="4"] li[data-xl="4"],
.huandeng .hd_dd[data-xl="5"] li[data-xl="5"],
.huandeng .hd_dd[data-xl="6"] li[data-xl="6"],
.huandeng .hd_dd[data-xl="7"] li[data-xl="7"],
.huandeng .hd_dd[data-xl="8"] li[data-xl="8"],
.huandeng .hd_dd[data-xl="9"] li[data-xl="9"] {
  width: 28px;
  background: #50bbe7;
}
.huandeng .hdjt {
  position: absolute;
  width: 61px;
  height: 132px;
  z-index: 20;
  top: 23%;
  margin-top: -30px;
  cursor: pointer;
}
.huandeng .hdjt_l {
  left: -115px;
  background: url("../img/hdjt_l.png") no-repeat;
}
.huandeng .hdjt_r {
  right: -115px;
  background: url("../img/hdjt_r.png") no-repeat;
}
/*# sourceMappingURL=ssqdpj2021Pc.css.map */