@charset "utf-8";
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body,
button,
input,
pre,
select,
textarea {
  font:
    12px/1.5 "microsoft yahei",
    arial,
    tahoma,
    \5b8b\4f53;
}
input,
select,
textarea {
  font-size: 100%;
}
th {
  text-align: inherit;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
}
iframe {
  display: block;
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
del {
  text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
a {
  color: #222;
  text-decoration: none;
  outline: 0;
}
a:focus {
  outline: 0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
i {
  font-style: normal;
}
input:focus,
keygen:focus,
select:focus,
textarea:focus {
  outline: 0;
  outline-offset: 0;
}
::-webkit-input-placeholder {
  color: #96a1a5;
}
::-moz-placeholder {
  color: #96a1a5;
}
:-ms-input-placeholder {
  color: #96a1a5;
}
input:-moz-placeholder {
  color: #96a1a5;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.cf {
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}

body {
  background: #000;
}

.ban {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.ban2 {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
}
.ban2 ul {
  position: absolute;
  left: 0;
  top: 0;
}
.ban2 ul li {
  /* width: 1920px; */
  width: 100vw;
  height: 100vh;
}
.ban2 ul li video {
  width: 100%;
  height: 100%;
}
.ban2 ul li img {
  width: 100%;
  height: 1200px;
}
.prev {
  float: left;
  cursor: pointer;
}
.num {
  height: 421px;
  overflow: hidden;
  width: 1100px;
  left: 50%;
  margin-left: -550px;
  position: absolute;
}
.min_pic {
  padding-top: 10px;
  width: 1200px;
  height: 369px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 20px;
  z-index: 3;
}
.num ul {
  position: absolute;
  left: 0;
  top: 0;
}
.num ul li {
  position: relative;
  width: 277px;
  height: auto;
  margin: 0 43px;
  padding: 1px;
}
.num ul li img {
  width: 100%;
  height: 368px;
  object-fit: cover;
  border-radius: 12px;
}
.num ul li em {
  position: absolute;
  left: 0;
  top: 0;
  width: 278px;
  height: 369px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.7);
}
.num ul li.on em,
.num ul li em:hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 277px;
  height: 360px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0);
}
.num ul li i {
  position: absolute;
  width: 92%;
  bottom: 15px;
  left: 50%;
  font-size: 22px;
  line-height: 24px;
  margin-left: -47%;
  font-style: normal;
}
.num ul li a i {
  color: #fff;
}
.num ul li.on {
  padding: 0;
}

.prev_btn1 {
  width: 26px;
  text-align: center;
  height: 47px;
  margin-top: 170px;
  margin-right: 20px;
  cursor: pointer;
  float: left;
  background: url("../i/l_arr_2.png") no-repeat center;
}
.next_btn1 {
  width: 26px;
  text-align: center;
  height: 47px;
  margin-top: 170px;
  cursor: pointer;
  float: right;
  background: url("../i/r_arr_2.png") no-repeat center;
}
.prev_btn1:hover {
  width: 26px;
  text-align: center;
  height: 47px;
  margin-top: 170px;
  margin-right: 20px;
  cursor: pointer;
  float: left;
  background: url("../i/l_arr.png") no-repeat center;
}
.next_btn1:hover {
  width: 26px;
  text-align: center;
  height: 47px;
  margin-top: 170px;
  cursor: pointer;
  float: right;
  background: url("../i/r_arr.png") no-repeat center;
}
.prev1 {
  display: none;
  position: absolute;
  top: 220px;
  left: 20px;
  width: 28px;
  height: 51px;
  z-index: 9;
  cursor: pointer;
}
.next1 {
  display: none;
  position: absolute;
  top: 220px;
  right: 20px;
  width: 28px;
  height: 51px;
  z-index: 9;
  cursor: pointer;
}
.mhc {
  background: #000;
  width: 100%;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(Opacity=50);
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.pop_up {
  width: 800px;
  height: 500px;
  padding: 10px;
  background: #fff;
  position: fixed;
  -position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -255px;
  margin-top: -255px;
  display: none;
  z-index: 99;
}
.pop_up_xx {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -40px;
  right: 0;
  cursor: pointer;
}
.pop_up2 {
  width: 800px;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.pop_up2 {
  width: 800px;
  height: 500px;
  position: relative;
  overflow: hidden;
  float: left;
}
.pop_up2 ul {
  position: absolute;
  left: 0;
  top: 0;
}
.pop_up2 ul li {
  width: 800px;
  height: 500px;
  float: left;
}
.bot_pic {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 246px;
  bottom: 0;
}
.bot_pic img {
  width: 100%;
  height: 246px;
}
.bt1 {
  position: absolute;
  padding-top: 66px;
  z-index: 3;
  text-align: center;
  width: 1377px;
  left: 50%;
  margin-left: -688px;
  background: url("../i/t_bt_bg.png") repeat-x center bottom;
}
.video2 {
  width: 100%;
  height: 700px;
}

.isWap ban {
}

.isWap .banner_bg {
  width: 100%;
  height: 4.3rem;
  background: url(../i/banner_bg.png) no-repeat center top;
}
.isWap .banner {
  background: #fff;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}
.isWap .banner,
.isWap .banner .sliderInner,
.isWap .banner .sliderInner li {
  width: 100%;
  height: 6rem;
  overflow: hidden;
}
.isWap .banner .sliderInner li > a {
  position: absolute;
  top: -60px;
}
.isWap .banner .sliderInner li img {
  width: 100%;
  height: 4.3rem;
}
.isWap .banner .sliderInner {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.isWap .banner .sliderInner li {
  display: inline;
  float: left;
}
.isWap .banner .slider_btn {
  position: absolute;
  width: 58px;
  height: 58px;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
  background: url(../i/arr01.png) no-repeat;
  top: 50%;
  margin-top: -10px;
}
.isWap .banner .btn_prev {
  left: 0;
}
.isWap .banner .btn_next {
  right: 0;
  background-position: -58px 0px;
}
.isWap .banner .sliderCur {
  position: absolute;
  font-size: 0;
  bottom: 0;
  height: 24px;
  padding-top: 12px;
  z-index: 3;
  width: 100%;
}
.isWap .banner .sliderCur span {
  display: block;
  position: absolute;
  width: 120px;
  right: 0;
  margin-left: -60px;
}
.isWap .banner .sliderCur a {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: #def1ff;
  border-radius: 50%;
  margin-right: 8px;
}
.isWap .banner .sliderCur a.cur {
  background: #2c83d4;
}
.isWap .banner .sliderInner li {
  position: relative;
}
.isWap .banner .list_txt {
  position: absolute;
  width: 100%;
  height: 95px;
  padding-top: 20px;
  left: 0;
  bottom: 0;
  background: #333;
  color: #fff;
  text-align: center;
}
.isWap .banner .list_txt p {
  font-size: 0.4rem;
  font-family: "MyriadPro-Bold";
  line-height: 0.46rem;
  text-align: left;
  padding: 0.1rem 0.25rem;
  width: 80%;
}
.isWap .banner .list_txt p a {
  color: #def1ff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}