body,
html {
  
}
a:active {
  opacity: 0.8;
}
.font-h {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.img {
  display: block;
  width: 100%;
  height: 100%;
}
.index {
  position: relative;
  width: 100%;
  height: 5111px;
  background: url("/xc/images/index_bg.jpg") center no-repeat;
}
.index .header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 106px;
  z-index: 9999;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index .header .header-box {
  width:100%;
  max-width: 1200px;
  height: 106px;
  margin: 0 auto;
}
.index .header .header-box .left-logo {
  float: left;
  width: 165px;
  height: 42px;
  margin-top: 30px;
}
.index .header .header-box .left-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .header-ani {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index .banner-01 {
  width: 100%;
  height: 772px;
}
.index .banner-01 .banner-box {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 155px;
}
.index .banner-01 .banner-box h2 {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 28px;
}
.index .banner-01 .banner-box h2 img {
  display: block;
  margin: 0 auto;
}
.index .banner-01 .banner-box p {
  color: #fff;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
}
.index .banner-02 {
  width: 100%;
  height: 560px;
}
.index .banner-02 .banner-box {
  display: block;
  width:100%;
  max-width: 1200px;
  height: 1436px;
  margin: 0 auto;
}
.index .banner-02 .banner-box h2 {
  display: block;
  width: 519px;
  height: 84px;
  margin: 0 auto;
}
.index .banner-02 .banner-box h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-02 .banner-box .div-play {
  display: block;
  width:100%;
  max-width: 1200px;
  height: 345px;
  margin: 50px auto 0;
}
.index .banner-02 .banner-box .div-play dt {
  float: left;
  width: 471px;
  height: 361px;
}
.index .banner-02 .banner-box .div-play dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-02 .banner-box .div-play dd {
  position: relative;
  margin:0 auto;
  width: 616px;
  height: 342px;
  background:#000;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.index .banner-02 .banner-box .div-play dd video{ width:100%; height:342px;}
.index .banner-02 .banner-box .div-play dd a {
  position: absolute;
  top: 180px;
  left: 25px;
  display: block;
  width: 80px;
  height: 80px;
  background: url("/xc/images/play_icon.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: 9500;
}
.index .banner-02 .banner-box .div-play dd span {
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 600px;
  height: 276px;
  z-index: 9400;
}
.index .banner-02 .banner-box .div-play dd span img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-02 .banner-box .div-play dd strong {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: 600px;
  height: 54px;
  z-index: 9401;
}
.index .banner-02 .banner-box .div-play dd strong img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-03 {
  width: 100%;
  height: 655px;
}
.index .banner-03 .banner-box {
  display: block;
  width:100%;
  max-width: 1200px;
  height: ;
  margin: 0 auto;
}
.index .banner-03 .banner-box h2 {
  display: block;
  width: 453px;
  height: 84px;
  margin: 0 auto;
}
.index .banner-03 .banner-box h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-03 .banner-box .div-modelling {
  width:100%;
  max-width: 1200px;
  height: 441px;
  margin: 43px auto 0;
  background: #fff;
}
.index .banner-03 .banner-box .div-modelling .left-box {
  float: left;
  width: 980px;
  height: 441px;
}
.index .banner-03 .banner-box .div-modelling .left-box .left-tab {
  display: none;
  width: 980px;
  height: 441px;
}
.index .banner-03 .banner-box .div-modelling .left-box .left-div {
  float: left;
  width: 350px;
  height: 441px;
}
.index .banner-03 .banner-box .div-modelling .left-box .left-div p {
  width: 80%;
  padding-top: 50px;
  margin: 0 auto;
  color: #000;
  line-height: 32px;
  font-size: 16px;
}
.index .banner-03 .banner-box .div-modelling .left-box .right-div {
  float: right;
  width: 630px;
  height: 441px;
}
.index .banner-03 .banner-box .div-modelling .left-box .right-div p.bd{
	height:441px;
	background:no-repeat center center; background-size:cover;
}
.index .banner-03 .banner-box .div-modelling .left-box .right-div img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-03 .banner-box .div-modelling .left-box .show {
  display: block;
}
.index .banner-03 .banner-box .div-modelling .right-box {
  float: right;
  width: 220px;
  height: 441px;
  padding:30px;
}
.index .banner-03 .banner-box .div-modelling .right-box h3{
	font-size:28px; text-transform:uppercase;}
.index .banner-03 .banner-box .div-modelling .right-box h3 span{ display:block;}
.index .banner-03 .banner-box .div-modelling .right-box h4{ font-size:20px; font-weight:bold; color:#062f72; margin-top:10px;}
.index .banner-03 .banner-box .div-modelling .right-box ul{ margin-top:0px;}
.index .banner-03 .banner-box .div-modelling .right-box li{ font-size:14px; height:42px; line-height:42px; padding-left:52px; position:relative; cursor:pointer;}
.index .banner-03 .banner-box .div-modelling .right-box li:after{ width:45px; height:2px; background:#fff; position:absolute; left:0; top:20px; content:'';}
.index .banner-03 .banner-box .div-modelling .right-box li.on{ color:#062f72; font-weight:bold;}
.index .banner-03 .banner-box .div-modelling .right-box li.on:after{ background:#062f72;}


.index .banner-04 {
  width: 100%;
  height: 900px;
}
.index .banner-04 .banner-box {
  display: block;
  width: 100%;
  height: 900px;
  margin: 0 auto;
}
.index .banner-04 .banner-box h2 {
  display: block;
  width: 427px;
  height: 84px;
  margin: 0 auto;
}
.index .banner-04 .banner-box h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-04 .banner-box .pattern-big-main {
  width: 100%;
  height: 816px;
  margin: 0 auto;
}
.index .banner-04 .banner-box .pattern-big-main .h2-tab {
  width: 288px;
  height: 36px;
  margin: 30px auto 40px;
}
.index .banner-04 .banner-box .pattern-big-main .h2-tab a {
  float: left;
  width: 124px;
  height: 36px;
  margin: 0 10px;
  background: #fff;
  color: #000;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}
.index .banner-04 .banner-box .pattern-big-main .h2-tab .on {
  background: #093f73;
  color: #fff;
}
.index .banner-04 .banner-box .pattern-big-main .content-inf .inf-box {
  display: none;
}
.index .banner-04 .banner-box .pattern-big-main .content-inf .show {
  display: block;
}
.index .banner-04 .banner-box .pattern-big-main .content-inf .describe {
  display: block;
  width: 960px;
  margin: 0 auto;
   height:96px; overflow:hidden;
}
.index .banner-04 .banner-box .pattern-big-main .content-inf .describe p {
  display: block;
  color: #fff;
  line-height: 32px;
  font-size: 16px;
}
.index .banner-04 .banner-box .pattern-big-main .content-inf .other-carousel {
  width: 100%;
  height: 560px;
}
.index .banner-05 {
  width:100%;
  max-width: 1200px;
  height: 570px;
  margin: 0 auto;
}
.index .banner-05 .banner-box {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.index .banner-05 .banner-box h2 {
  display: block;
  width: 429px;
  height: 84px;
  margin: 0 auto 68px;
}
.index .banner-05 .banner-box h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-05 .banner-box .system-main {
  width:100%;
  max-width: 1200px;
  height: 320px;
}
.index .banner-05 .banner-box .system-main .div {
  float: left;
  width: 260px;
  height: 320px;
  box-shadow: 0 0 1px 0px #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index .banner-05 .banner-box .system-main .div div {
  height: 296px;
  margin: 12px;
  cursor: pointer;
}
.index .banner-05 .banner-box .system-main .div div strong {
  display: block;
  width: 54px;
  height: 54px;
  margin: 25px 0 20px 30px;
  box-shadow: 0 0 1px 0px #fff;
  background: none;
  color: #fff;
  line-height: 54px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.index .banner-05 .banner-box .system-main .div p {
  overflow: hidden;
  height: 200px;
  padding: 0 30px 0;
  color: #fff;
  line-height: 22px;
  font-size: 14px;
}

.index .banner-06 {
  width:100%;
  max-width: 1200px;
  height: 990px;
  margin: 0 auto;
}
.index .banner-06 .banner-box {
  display: block;
  width: 100%;
  height: 990px;
  margin: 0 auto;
}
.index .banner-06 .banner-box h2 {
  display: block;
  width: 481px;
  height: 84px;
  margin: 0 auto;
}
.index .banner-06 .banner-box h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-06 .banner-box .describe {
  display: block;
  width: 1030px;
  height: auto;
  margin: 40px auto 20px;
}
.index .banner-06 .banner-box .describe p {
  color: #fff;
  line-height: 32px;
  font-size: 16px;
}
.index .banner-06 .describe-box {
  width: 1220px;
  height: 454px;
  margin-left: -10px;
}
.index .banner-06 .describe-box dl {
  float: left;
  width: 386px;
  height: 454px;
  margin: 0 10px;
  background: #031e4b;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.index .banner-06 .describe-box dl dt {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 240px;
}
.index .banner-06 .describe-box dl dt img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-filter: grayscale(0.5);
}
.index .banner-06 .describe-box dl dd {
  width: 300px;
  margin: 0 auto;
}
.index .banner-06 .describe-box dl dd h4 {
  height: 78px;
  color: #fff;
  line-height: 88px;
  font-size: 20px;
  font-weight: bold;
  padding:0 15px;
}
.index .banner-06 .describe-box dl dd p {
  position: relative;
  /*padding-top: 18px;*/
  border-top: 1px solid #fff;
  color: #fff;
  line-height: 24px;
  font-size: 14px;
  padding:18px 15px 0;
}
.index .banner-06 .describe-box dl dd p:after {
  position: absolute;
  top: -4px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  content: '';
}
.index .banner-06 .describe-box dl:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index .banner-06 .describe-box dl:hover dt img {
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index .banner-06 .title-h3 {
  width: 700px;
  margin: 60px auto 0;
}
.index .banner-06 .title-h3 h3 {
  width: 100%;
  color: #fff;
  line-height: 52px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
.index .banner-07 {
  width:100%;
  max-width: 1200px;
  height: 520px;
  margin: 0 auto;
}
.index .banner-07 .banner-box {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.index .banner-07 .banner-box h2 {
  display: block;
  width: 448px;
  height: 84px;
  margin: 0 auto 40px;
}
.index .banner-07 .banner-box h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-07 .picScroll-left {
  position: relative;
  width:100%;
  max-width: 1200px;
  margin:0 auto;
}
.index .banner-07 .picScroll-left .hd .prev {
  position: absolute;
  top: 150px;
  left: -70px;
  width: 54px;
  height: 54px;
  background: url("/xc/images/pr_icon.png") no-repeat;
  cursor: pointer;
  z-index: 9000;
}
.index .banner-07 .picScroll-left .hd .next {
  position: absolute;
  top: 150px;
  right: -70px;
  width: 54px;
  height: 54px;
  background: url("/xc/images/next_icon.png") no-repeat;
  cursor: pointer;
  z-index: 9000;
}
.index .banner-07 .picScroll-left .hd ul {
  position: absolute;
  bottom: -60px;
  left: 45.5%;
  margin-top: 10px;
  zoom: 1;
}
.index .banner-07 .picScroll-left .hd ul li {
  float: left;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 10px;
  text-indent: -999px;
  cursor: pointer;
  background: #fff;
}
.index .banner-07 .picScroll-left .hd ul li.on {
  width: 13px;
  height: 13px;
  margin-top: -3px;
  background: #093f73;
  border: 1px solid #fff;
}
.index .banner-07 .picScroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
}
.index .banner-07 .picScroll-left .bd ul li {
  _display: inline;
  overflow: hidden;
  float: left;
  width: 580px;
  height: 320px;
  margin-right: 40px;
}
.index .banner-07 .picScroll-left .bd ul li dt {
  display: block;
  width: 100%;
  height: 200px;
}
.index .banner-07 .picScroll-left .bd ul li dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner-07 .picScroll-left .bd ul li dd {
  width: 100%;
  height: 120px;
  /*background: #fff;*/
}
.index .banner-07 .picScroll-left .bd ul li dd h4 {
  padding: 18px 20px 10px;
  color: #000c21;
  font-size: 18px;
}
.index .banner-07 .picScroll-left .bd ul li dd p {
  padding: 0 20px;
  color: #666;
  line-height: 24px;
  font-size: 14px;
}
.index .banner-07 .picScroll-left .bd ul li .pic{
  background:url("/xc/images/news-conbg.png") no-repeat center;
}

.index .footer {
  margin-top:30px;
}
.index .footer p {
  color: #fff;
  font-size: 14px;
  text-align: center;
}



@media screen and (min-width: 1201px) {
.index .banner-05 .banner-box .system-main .on {
  width: 420px;
  height: 345px;
  margin-top: -12px;
  background: #072e6f;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index .banner-05 .banner-box .system-main .on div {
  height: 318px;
  border: 1px solid #fff;
}
.index .banner-05 .banner-box .system-main .on div strong {
  background: #fff;
  color: #072e6f;
}
}



@media screen and (max-width: 1200px) {
.index .banner-02 .banner-box .div-play dt{ display:none;}
.index .banner-02 .banner-box .div-play dd{ width:100%; padding:0; background:none;}
.index .banner-02 .banner-box .div-play dd span{ width:100%; left:0; text-align:center;}
.index .banner-02 .banner-box .div-play dd strong{ left:0;  width:100%;}
.index .banner-03 .banner-box .div-modelling .left-box .left-tab,.index .banner-03 .banner-box .div-modelling .left-box{ width:100%; height:300px;}
.index .banner-03 .banner-box .div-modelling .left-box .left-div{ width:40%; height:300px;background:#fff;}
.index .banner-03 .banner-box .div-modelling .left-box .left-div p{ padding:0; height:300px; overflow: hidden;}
.index .banner-03 .banner-box .div-modelling .left-box .right-div{ width:60%; height:300px; }
.index .banner-03 .banner-box .div-modelling .left-box .right-div p.bd{ height:300px;}
.index .banner-03 .banner-box .div-modelling .right-box{ width:100%; height:auto;}
.index .banner-03 .banner-box .div-modelling .right-box h3 span{ display: inline-block;}
.index .banner-03 .banner-box .div-modelling .right-box ul{ height:42px;}
.index .banner-03 .banner-box .div-modelling .right-box li{ float:left; margin-right:25px; padding:0;}
.index .banner-03 .banner-box .div-modelling .right-box li:after{ display:none;}
.index .banner-05 .banner-box .system-main .div{ width:25%;}
.index .banner-05 .banner-box .system-main .div div strong{ margin:0;}
.index .banner-05 .banner-box .system-main .div p{ padding:0; margin-top:15px;}
.index .banner-06 .banner-box .describe,.index .banner-04 .banner-box .pattern-big-main .content-inf .describe{ width:100%; padding:0 15px; height:160px; overflow:hidden;}
}




@media screen and (max-width: 640px) {
.index .banner-03 .banner-box .div-modelling .right-box li{ margin-right:12px;}
.index .banner-03 .banner-box .div-modelling .left-box .left-div{ width:100%; height: auto; overflow:hidden;}
.index .banner-03 .banner-box .div-modelling .left-box .right-div,.index .banner-03 .banner-box .div-modelling .left-box .right-div p.bd{ height:120px; width:100%;}

.index .banner-05 .banner-box .system-main .div{ width:50%; height:auto;}
.index .banner-05 .banner-box .system-main .div div{ height:auto;}
.index .banner-05 .banner-box .system-main .div p{ height:110px;}
.index .banner-06 .title-h3{ width:100%;}
h2{ height:auto !important;width:100% !important; padding:0 10%;}
h2 img{ height:auto !important;} 
.index .banner-06 .title-h3 h3{ font-size:20px;}
.index .banner-03 .banner-box .div-modelling .right-box{ padding:15px;}
.index .banner-03 .banner-box .div-modelling .left-box .left-div p{ width:100%; padding:0 15px; height:auto;}
.index .banner-02 .banner-box .div-play dd video{ width:100%; height: auto;}
.index .banner-03 .banner-box .div-modelling .right-box li.on{ border-bottom:2px solid #062f72;}
}







@-webkit-keyframes 'gloss' {
  0 {
    -webkit-transform: translateX(0%) translateY(0);
  }
  30% {
    -webkit-transform: translateX(1600px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1600px);
    opacity: 1;
  }
}
@-webkit-keyframes 'Beat' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 0.9;
  }
}
@-webkit-keyframes 'Beat2' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0.5;
  }
}
@-webkit-keyframes 'Beat3' {
  0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes 'Beat4' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 0.5;
  }
}
@-webkit-keyframes 'Beat5' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateX(50px) scale(1.1);
    -moz-transform: translateX(50px) scale(1.1);
    -ms-transform: translateX(50px) scale(1.1);
    transform: translateX(50px) scale(1.1);
    opacity: 0;
  }
}
@-webkit-keyframes 'Beat6' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateX(-50px) scale(1.1);
    -moz-transform: translateX(-50px) scale(1.1);
    -ms-transform: translateX(-50px) scale(1.1);
    transform: translateX(-50px) scale(1.1);
    opacity: 0;
  }
}
@-webkit-keyframes 'Beat7' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50px) scale(1.25);
    -moz-transform: translateY(-50px) scale(1.25);
    -ms-transform: translateY(-50px) scale(1.25);
    transform: translateY(-50px) scale(1.25);
    opacity: 0;
  }
}
@-webkit-keyframes 'Beat8' {
  0 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0.85;
  }
}
@-webkit-keyframes 'Beat9' {
  0 {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  50% {
    -webkit-transform: translateX(-10px) translateY(2px);
    -moz-transform: translateX(-10px) translateY(2px);
    -ms-transform: translateX(-10px) translateY(2px);
    transform: translateX(-10px) translateY(2px);
    opacity: 0.9;
  }
}
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
::-webkit-scrollbar-track {
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: #1E2C2F;
}
@media screen and (max-width: 750px) {
  body,
  html {
    min-width: 350px;
    max-width: 750px;
  }
}
<!--ºÄʱ1775427763.673Ãë-->