@charset "utf-8";
/* CSS Document */
body {font-family:"Microsoft YaHei UI", "微软雅黑";}
.sctop {background:url(../images/topbg.jpg);height:84px; overflow:hidden;position:fixed;top:0px;z-index:99;width:100%;}
.sc1200 {width:1200px;margin:0 auto;}
.sclogo {padding:4px 5px 0 45px;float:left;width:15%;box-sizing:border-box;}
.sctopnav {float:left;width:76%;box-sizing:border-box;}
.scwebsc {float:right;font-size:14px;color:#fff;line-height:84px;padding-right:30px;width:9%;box-sizing:border-box;}
.scwebsc a{text-decoration:none;color:#999;}
.scwebsc a:hover{color:#fff;}
.scnavul {padding:0;margin:0 auto;width:1300px;}
.scnavul li{list-style:none;float:left;width:100px;text-align:center;}
.scnavul li a{text-decoration:none;color:#fff;padding:33px 0;display:block;font-size:14px;}
.scbotton {position:relative;top:-84px;}
.scon {background:#0db14b;}

.video-back{display:block;padding:480px 0px;text-align:center;}
.video-back h1{display:block;text-align:center;color:#fff;text-shadow:2px 2px 4px #000;font-size:50px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}



.scproducts {background:url(../images/productbg.jpg) top center no-repeat #323337;min-height:1080px;padding-top:280px;color:#fff;width:100%; overflow:hidden;}
.scprot {color:#fff;font-weight:normal;text-align:center;font-size:40px;margin-bottom:140px;}


#hero-slides {
  --page: 0;
 
  background: linear-gradient(90deg, #3e4751 0%, #25303c 100%);
}
#hero-slides #header {
  height: 12vh;
  line-height: 12vh;
  padding: 0 3vw;
  position: relative;
}
#hero-slides #header #logo {
  font-size: 2.5vh;
  font-style: italic;
}
#hero-slides #header #logo:before {
  content: 'The';
  text-transform: uppercase;
  font-weight: 100;
  margin-right: 0.4em;
}
#hero-slides #header #logo:after {
  content: 'Wall';
  text-transform: uppercase;
  font-weight: 800;
}
#hero-slides #header #menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  padding: 0 3vw;
}
#hero-slides #header #menu:before {
  font-size: 1.75vh;
  content: 'Play Demo';
  margin-right: 0.5em;
  text-transform: uppercase;
}
#hero-slides #header #menu #hamburger {
  display: inline-block;
}
#hero-slides #header #menu #hamburger .slice {
  background: white;
  height: 0.2vh;
  width: 1vw;
}
#hero-slides #header #menu #hamburger .slice:not(:last-child) {
  margin-bottom: 0.5vh;
}
#hero-slides #slides-cont {
  position: relative;
  --button-height: 4vh;
  --button-spacing: 0.2vh;
}
#hero-slides #slides-cont .button {
  width: 5vw;
  height: var(--button-height);
  background: #0db14b;
  position: absolute;
  right: 5.375vw;
  top: 28vh;
  z-index: 100;
  cursor: pointer;
}
#hero-slides #slides-cont .button:before, #hero-slides #slides-cont .button:after {
  line-height: var(--button-height);
  position: absolute;
  margin-left: -0.25vw;
  pointer-events: none;
  -webkit-transform: scale(0.75, 1.5);
          transform: scale(0.75, 1.5);
  transition: 125ms ease-in-out;
}
#hero-slides #slides-cont .button:before {
  left: 50%;
}
#hero-slides #slides-cont .button:after {
  opacity: 0;
}
#hero-slides #slides-cont .button:hover:before, #hero-slides #slides-cont .button:hover:after {
  transition: 250ms ease-in-out;
}
#hero-slides #slides-cont .button:hover:before {
  opacity: 0;
}
#hero-slides #slides-cont .button:hover:after {
  left: 50% !important;
  opacity: 1;
}
#hero-slides #slides-cont #next {
  margin-top: calc(-1 * (var(--button-height) + var(--button-spacing)));
}
#hero-slides #slides-cont #next:before, #hero-slides #slides-cont #next:after {
  content: '>';
}
#hero-slides #slides-cont #next:after {
  left: 30%;
}
#hero-slides #slides-cont #next:hover:before {
  left: 70%;
}
#hero-slides #slides-cont #prev {
  margin-top: var(--button-spacing);
  opacity: calc(var(--page) + 0.5);
  transition: 500ms opacity;
}
#hero-slides #slides-cont #prev:before, #hero-slides #slides-cont #prev:after {
  content: '<';
}
#hero-slides #slides-cont #prev:after {
  left: 70%;
}
#hero-slides #slides-cont #prev:hover:before {
  left: 30%;
}
#hero-slides #slides-cont #next-catch,
#hero-slides #slides-cont #prev-catch {
  width: 10vw;
  height: 76vh;
  position: absolute;
  top: 0;
  z-index: 90;
}
#hero-slides #slides-cont #next-catch {
  right: 0;
}
#hero-slides #slides-cont #prev-catch {
  left: 0;
}
#hero-slides #slides {
  --slides-height: 500px;
  width: auto;
  height: var(--slides-height);
  padding: 0 5vw;
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  -webkit-transform: translate3D(calc(var(--page) * -80vw), 0, 0);
          transform: translate3D(calc(var(--page) * -80vw), 0, 0);
  transition: 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1);
  transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1);
  transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1), 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5vw;
  width: 24em;
  height: var(--slides-height);
  margin: 0 1.333em;
  background: #101419;
  color: white;
  background-size: cover;
  background-position: center;
  white-space: normal;
  word-break: break-word;
  position: relative;
}
#hero-slides #slides .slide:before {
  content: '';
  display: block;
  background: linear-gradient(180deg, rgba(86, 97, 108, 0) 0%, rgba(33, 52, 69, 0.7) 100%);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#hero-slides #slides .slide .number {
  position: absolute;
  top: 2em;
  left: 2em;
  -webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.5));
}
#hero-slides #slides .slide .number, #hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
  vertical-align: middle;
}
#hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
  display: inline-block;
  content: '';
  height: 0.133em;
  margin-top: -0.2em;
  background: white;
}
#hero-slides #slides .slide .number:before {
  width: 0;
  margin-left: 0;
}
#hero-slides #slides .slide .number:after {
  width: 3em;
  margin-left: 1em;
}
#hero-slides #slides .slide .body {
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline {
  position: relative;
  bottom: 0;
  cursor: default;
}
#hero-slides #slides .slide:before,
#hero-slides #slides .slide .number:before,
#hero-slides #slides .slide .number:after,
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline,
#hero-slides #slides .slide .link {
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide .location {
  font-weight: 100;
  margin-bottom: 1.5em;
  transition-delay: 60ms;
}
#hero-slides #slides .slide .headline {
  font-size: 25px;
  font-weight: 500;
  transition-delay: 50ms;
  padding-bottom:8px;
}
#hero-slides #slides .slide .link {
  display: inline-block;
  background: #0db14b;
  padding: 10px 30px;
  font-size: 14px;
  opacity: 0;
  position: absolute;
  bottom: -2em;
  pointer-events: none;
  transition-delay: 25ms;
  color:#fff;
}
#hero-slides #slides .slide.hover:before, #hero-slides #slides .slide:hover:before {
  opacity: 1;
}
#hero-slides #slides .slide.hover:before,
#hero-slides #slides .slide.hover .number:before,
#hero-slides #slides .slide.hover .number:after,
#hero-slides #slides .slide.hover .location,
#hero-slides #slides .slide.hover .headline,
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover:before,
#hero-slides #slides .slide:hover .number:before,
#hero-slides #slides .slide:hover .number:after,
#hero-slides #slides .slide:hover .location,
#hero-slides #slides .slide:hover .headline,
#hero-slides #slides .slide:hover .link {
  transition: 500ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide.hover .number:before, #hero-slides #slides .slide:hover .number:before {
  width: 3em;
  margin-right: 1em;
}
#hero-slides #slides .slide.hover .number:after, #hero-slides #slides .slide:hover .number:after {
  width: 0;
  margin-right: 0;
}
#hero-slides #slides .slide.hover .location, #hero-slides #slides .slide:hover .location {
  transition-delay: 0;
  bottom: 4em;
}
#hero-slides #slides .slide.hover .headline, #hero-slides #slides .slide:hover .headline {
  transition-delay: 100ms;
  bottom: 1.5em;
}
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover .link {
  bottom: 0;
  opacity: 1;
  transition-delay: 250ms;
  pointer-events: auto;
}
@media (min-width: 1200px) and (max-width: 1699px) {
  body {
    --slides-per-page: 3;
  }

  #hero-slides #slides .slide {
    font-size: 1vw;
  }
}
@media (min-width: 1700px) {
  body {
    --slide-per-age: 4;
  }

  #hero-slides #slides .slide {
    font-size: 0.75vw;
  }
}

.scproductshow {max-width:1912px;margin:0 auto;}
.scnews {background:url(../images/newsbg.jpg) top center no-repeat #323337;min-height:860px;padding-top:180px;color:#fff;}
.scnewslr {float:left;width:50%;box-sizing:border-box;}
.scnewslt {background:#000;height:281px;padding:80px 25px;color:#fff;}
.scnewslt h4{font-weight:normal;font-size:18px;}
.scnewslt p{font-size:14px;color:#999;}
.scnewsgsxw {background:url(../images/gsxw.jpg) center no-repeat; background-size:100%;height:278px;text-align:center;}
.scnewsgsxw a{text-decoration:none;color:#fff;font-size:36px;display:block;padding:110px 0;}
.scnewshyxw {background:url(../images/hyxw.jpg) center no-repeat; background-size:100%;float:left;width:50%;box-sizing:border-box;height:281px;text-align:center;}
.scnewshyxw a{text-decoration:none;color:#fff;font-size:36px;display:block;padding:120px 0;}
.scnewsmtbd {background:url(../images/mtbd.jpg) center no-repeat; background-size:100%;float:left;width:50%;box-sizing:border-box;height:281px;text-align:center;}
.scnewsmtbd a{text-decoration:none;color:#fff;font-size:36px;display:block;padding:120px 0;}
.scnewsxwgg {background:url(../images/xwgg.jpg) center no-repeat; background-size:100%;height:278px;text-align:center;}
.scnewsxwgg a{text-decoration:none;color:#fff;font-size:36px;display:block;padding:110px 0;}
.scfoot {border-top:15px solid #f6f6f8;padding:35px 0 35px 0;}
.scfootnav {float:left;}
.sccontact {float:right;}
.scfootnavul {float:left;margin:0 90px 0 0;padding:0;}
.scfootnavul li{list-style:none;padding:3px 0;}
.scfootnavul li a{text-decoration:none;font-size:12px;color:#666;}
.scfootnavul li a:hover{color:#333;}
.sccontact p {color:#666;font-size:12px;line-height:180%;}
.sccontact i{font-size:30px;font-weight:bolder;color:#333;font-family:Arial, Helvetica, sans-serif;}
.scbq {background:#000;color:#666;font-size:12px;padding:25px 0;}

.scry {background:url(../images/rybg1.jpg) top center no-repeat #323337;min-height:780px;padding-top:180px;color:#fff;}
.scqyry {background:url(../images/qyry.jpg) center no-repeat; background-size:100%;height:278px;text-align:center;}
.scqyry a{text-decoration:none;color:#fff;font-size:36px;display:block;padding:110px 0;}
.scpgrz {background:url(../images/pgrz.jpg) center no-repeat; background-size:100%;height:278px;text-align:center;}
.scpgrz a{text-decoration:none;color:#fff;font-size:36px;display:block;padding:110px 0;}
.scproductlistbox {padding:50px 0 100px 0; background-attachment:fixed; background-repeat:no-repeat; background-position:top center;background-color:#323337}
.scprolistt {color:#fff;font-weight:normal;text-align:left;font-size:40px;margin-bottom:140px;}
.scproli {background-color:#f2f2f2;padding:30px 15px;}
.scprolit {}
.scprolit a{text-decoration:none;color:#0db14b;font-size:25px;font-weight:bold;}
.scprolit p{color:#666;font-size:14px;line-height:180%;}
.scprolixq {border-left:1px solid #999;min-height:263px;padding:10px;color:#666;font-size:14px;}
.scprolixq p a{text-decoration:none;color:#999;}
.scprolixq p a:hover{color:#ff5a00;text-decoration:underline;}
.scprolixq p{margin-bottom:25px;}
.scproico {padding:0;margin:0;}
.scproico li {list-style:none;float:left;padding:10px;text-align:center;}
.scmore {padding:10px 25px;background:#d7df23;display:block;text-align:center;color:#000;font-size:14px;font-weight:bold;}
.scmore:hover {text-decoration:none;color:#fff;background:#0db14b;}
.scnewsmore {margin-top:30px;text-align:right;}
.scnewsmore a {padding:10px 25px;background:#d7df23;text-align:center;color:#000;font-size:14px;font-weight:bold;}
.scnewsmore a:hover {text-decoration:none;color:#fff;background:#0db14b;}
.scnavli {margin:0 0 1px 0;padding:0;}
.scnavli li{list-style:none;float:left;margin-right:1px;}
.scnavli li a{text-decoration:none;background:#0db14b;display:block;padding:15px 35px;color:#fff;font-weight:bold;font-size:16px;border-radius:10px 10px 0 0;}
.scnavli li a:hover {background:#d7df23;color:#000;}
.sccontent {background-color:#f2f2f2;padding:30px 40px;min-height:500px;line-height:180%;}
.sccontenttime {font-size:12px;color:#999;text-align:center;}
.sccontenth4 {text-align:center;}
.scyy {position:fixed;top:0px;right:80px;z-index:100;border-radius:0px 0px 8px 8px;background:#0db14b;color:#fff;font-size:12px;padding:5px 20px;}
.scyy a{text-decoration:none;color:#fff;}
@media (max-width: 1670px) {
	.scnavul li {width:90px;}
	.sctopnav {padding-left:6%;}
}
@media (max-width: 1560px) {
	.scnavul li {width:80px;}
	.sctopnav {padding-left:2%;}
	.sclogo {padding:4px 5px 0 15px;width:11%;}
	.sclogo img{width:100%;padding-top:10px;}
	.scnavul li a {font-size:12px;padding:35px 0;}
	.scyy {right:35px;}
}
.scjobbox {padding:15px 0;}
.scjobdl {clear:both; }
.scjobdl dd{font-size:14px;font-weight:bold;color:#333;float:left;padding:5px 20px;width:10%;}
.scjobdl dt{font-size:14px;color:#666;float:left;padding:5px;width:85%;font-weight:normal;}
.scjform {padding:20px;background:#fff;color:#333;}
.scjform .form-group {margin:35px auto;}
.scimgbox {background:#fff;color:#333;padding:35px 20px;}
.scimgli p{margin-bottom:20px;padding:10px 0;}
.scsearch {background:#d7df23;color:#000;margin-bottom:3px;padding:15px 0;font-weight:bold;}
.scsearcht {float:left;width:30%;line-height:34px;margin-bottom:5px;}
.scsearchi {float:right;width:70%;margin-bottom:5px;}
.scbtn {width:100%;}
.scsearch .form-control{border:1px solid #000;color:#000;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color:#f2f2f2;}
.scslide {opacity:0;display:inline-block;width:100%;height:100%;}