body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
  background: #18181b;


}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }
.video-mask{ display: none; }
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.header{ height: 100px; }
.container{ width: 1360px; }
.logo{ line-height: 100px; }
.header-right a{ display: inline-block; width: 216px; height: 54px; border:solid 2px #6E9EE7; margin-left: 20px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 30px; }
.header-right i{ display: inline-block; width: 216px; height: 54px; border:solid 2px #6E9EE7; margin-left: 20px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 30px; }
.store{ background: #6E9EE7; width: 170px; }
.store_disable {background: #aaaaaa; width: 170px; border:solid 2px #444445; cursor: not-allowed;}
.header-right{ padding-top: 24px; }
#my-video{object-fit: cover;   object-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.video-c{ position: relative; overflow:hidden; padding-top: 30%; }
.video-center{ position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); z-index: 1000; }
.video-tt{ font-weight: 700;
font-size: 48px;
line-height: 61px; color: #fff; }
.video-p{ font-weight: 400;
font-size: 24px;
line-height: 30px; color: #fff; margin-top: 15px; }
.video-p span{ display: inline-block; padding:0 15px; }
.video-a{ display: inline-block; font-size: 18px; color: #fff!important;background: #6E9EE7;
border: 2px solid #6E9EE7; height: 54px; width: 170px; line-height: 50px; border-radius: 30px; margin-top: 25px;}
.page-one{ background: #1e1e21; padding:40px 0 60px 0; margin-top: 40px;  }
.one-left{ width: 52%; }
.one-right{ width: 38%; padding-top: 60px; }
.one-right-tt{ font-weight: 600;
font-size: 48px;
line-height: 66px; color: #fff; }
.one-right-p{ font-weight: 400;
font-size: 16px;
line-height: 26px; color: #fff; margin-top: 30px; text-align: justify; }
.page-tow{ padding-top: 70px; background: #000; }
.tow-p{ font-weight: 600;
font-size: 16px;
line-height: 30px; max-width: 760px; margin:0 auto; margin-top: 25px; color: #fff; }
.tow-img{ margin-top: -120px; }
.three-left{ width: 355px; padding-top: 120px; }
.page-three .one-right-tt{ font-size: 36px; line-height: 56px; }
.page-three .one-right-p{ margin-bottom: 40px; }
.three-right{ margin-left: -120px; padding-top: 50px; }
.page-three{ padding-bottom: 40px; }
.page-four{ background: #1e1e21; padding-top: 20px; }
.four-img{ margin-top: 50px; }
.page-five .one-right{ padding-top: 0; width: 43%; }
.page-five .one-right .one-right-tt{ font-size: 36px; margin-bottom: 0px; }
.page-five .one-right .one-right-p{ margin-top: 0; margin-bottom: 0px; line-height: 36px; }
.page-six{ background: #1e1e1e; padding:70px 0 100px 0; }
.six-left{ width: 30%; font-size: 16px;
line-height: 35px; color: #fff; }
.page-six .one-right-tt{ margin-bottom: 20px; }
.six-right{ width: 62%; }
.six-list li{ float: left; width: 33.333333%; padding:0 5px; }
.six-list{ margin:0 -5px; }
.six-txt{ font-size: 14px;
color: #fff; margin-top: 30px; }
.page-seven{ background: #3f3f40; padding:30px 0 80px 0; }
.cs-p{ font-weight: 400;
font-size: 16px;
line-height: 16px; color: #fff; margin-top: 20px; }
.cs-back{ background: #343434;
border-radius: 40px; padding:40px; margin-top: 35px; }
.cs-back .col-xs-6{ padding-left: 165px; position: relative; font-size: 16px; color: #fff; margin-top: 40px; }
.cs-back .col-xs-6 span{ position: absolute; left: 15px; font-weight: bold; }
.one-right-tt-b{ margin-top: 90px; }
.qd-row .col-xs-4{ margin-top: 70px; }
.footer{ padding:85px 0 30px 0; }
.footer-left-p{ font-size: 16px;
line-height: 26px; color:#fff; margin-top: 15px; }
.footer-left{ width: 150px; }
.footer-a a{ display: inline-block; margin-right: 15px; border:solid 1px #fff; width: 32px; height: 32px; text-align: center; line-height: 30px; border-radius: 50%; }
.footer-a{ margin-top: 40px; }
.footer-a a.footer-a01{ background: url(../images/footer01.png) center no-repeat; }
.footer-a a.footer-a02{ background: url(../images/footer02.png) center no-repeat; }
.footer-a a.footer-a03{ background: url(../images/footer03.png) center no-repeat; }
.footer-a a.footer-a01:hover{ background: url(../images/footer01-1.png) center no-repeat; }
.footer-a a.footer-a02:hover{ background: url(../images/footer02-1.png) center no-repeat; }
.footer-a a.footer-a03:hover{ background: url(../images/footer03-1.png) center no-repeat; }
.footer-a a:hover{ border-color: #e78dee; }
.footer-tt{ font-size: 18px; margin-bottom: 15px;
line-height: 18px; color: #fff; }
.footer-ul li a{ font-size: 14px;
line-height: 34px; color: #fff; display: inline-block; }
.footer-right-width{ margin-left: 115px; }
.ba-txt{ font-size: 14px; margin-top: 30px; color: #fff; }
.qd-row img{ border-radius: 15px; }
.dropdown button{ background: #646464;
border-radius: 18px; width: 80px; height: 36px; position: relative; z-index: 10000; border:none; padding:0; text-align: center; color: #fff; font-size: 16px; }
.dropdown-menu{ top: 18px; width: 100%;background: #9F9F9F;
border-radius: 0px 0px 18px 18px; min-width: 100%; padding-top: 18px; overflow:hidden; }
.dropdown-menu li a{ display: block; font-size: 16px; text-align: center; color: #fff; }
.dropdown{ margin-top: 35px; }
.dropdown:hover .dropdown-menu{ display: block; }
@media( max-width: 1230px){
  .container{ width: 970px; }
  .one-right{ padding-top: 0; width: 45%; }
  .three-right{ width: 700px; padding-top: 100px; }
  .footer-right-width{ margin-left: 80px; }
}
@media( max-width: 991px){
  .container{ width: 750px; }
  .one-right-tt{ font-size: 36px; line-height: 48px; }
  .tow-img{ margin-top: -50px; }
  .three-left{ width: 250px; }
  .three-right{ width: 580px; }
  .footer-right-width{ margin-left: 30px; }
  }
@media( max-width: 768px){
  .container{ width: 100%; }
  .header{ height: auto; padding:15px 0; }
  .logo{ line-height: 30px; height: 30px; text-align: center; }
  .header-right a{ width: auto; margin:0 5px; padding:0 10px; font-size: 14px; line-height: 40px; height: auto; }
  .header-right a:last-child{ width: auto; }
  .header-right{ width: 100%; text-align: center; }
  .video-c{ padding-top: 60%; }
  .video-tt{ font-size: 24px; }
  .video-p{ font-size: 16px; margin-top: 0; }
  .video-a{ font-size: 16px; line-height: 40px; height: auto; }
  .one-left{ width: 100%; }
  .one-right{ width: 100%; padding-top: 15px; }
  .one-right-tt{ font-size: 24px; line-height: 35px; }
  .one-right-p,.tow-p{ font-size: 14px; line-height: 25px; margin-top: 15px; }
  .page-one{ padding:20px 0; margin-top: 20px; }
  .page-tow{ padding-top: 20px; }
  .tow-img{ margin-top: -20px; }
  .three-left{ width: 100%; padding:0; }
  .page-three .one-right-tt{ font-size: 24px; line-height: 30px; }
  .page-three .one-right-p{ margin-bottom: 15px; }
  .three-right{ width: 100%; padding:0; margin:0; }
  .page-three{ padding:20px 0; }
  .four-img{ margin-top: 20px; }
  .page-five .one-right{ width: 100%; padding-top: 20px; }
  .page-five .one-right .one-right-tt{ font-size: 24px; margin-bottom: 10px; }
  .page-five .one-right .one-right-p{ line-height: 25px; margin-bottom: 10px; }
  .page-six{ padding: 20px 0; }
  .six-left{ width: 100%; line-height: 25px; font-size: 14px; }
  .six-right{ width: 100%; margin-top: 15px; }
  .six-txt{ margin-top: 15px; }
  .cs-back{ padding:20px; margin-top: 20px; border-radius: 20px; }
  .cs-back .col-xs-6{ width: 100%; padding-left: 140px; margin-top: 15px; font-size: 14px;}
  .one-right-tt-b{ margin-top: 25px; }
  .qd-row .col-xs-4{ margin-top: 25px; }
  .page-seven{ padding:20px 0; }
  .footer-left{ width: 100%; text-align: center; }
  .footer{ padding:25px 0; }
  .footer-right-width{ width: 50%; margin:30px 0 0 0; text-align: center; }
  .footer-a{ margin-top: 20px; }
  .video-mask:before{ display: block; content: ""; position: absolute; right: 15px; bottom: 15px; width: 40px; height: 40px; background: url(../images/Vector.png) center no-repeat; background-size: 100% 100%; }
  .dropdown{ position: absolute; right: 15px; top: 0; margin-top: 15px; }
  .header-lg{ width: 100%; border-top: solid 1px rgba(255,255,255,0.3); margin-top: 20px; }
  .header-right{ padding-top: 15px; }

  .video-mask1{ display: block; content: ""; position: absolute; right: 15px; bottom: 15px; background: url(../images/Vector.png) center no-repeat; background-size: 100% 100%; }
}