@font-face {
  font-family: 'HNB';
  src: url("../font/HelveticaNeueLTPro-Bd.eot");
  src: local("HelveticaNeueLTPro-Bd Regular"), local("HelveticaNeueLTPro-Bd"), url("../font/HelveticaNeueLTPro-Bd.woff") format("woff"), url("../font/HelveticaNeueLTPro-Bd.ttf") format("truetype"), url("../font/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd") format("svg");
}
.fullscreen, .index-wrap, .index-main, .out-wrap .bg, .video-outin .video embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


/* home_navnav2 */
.home_nav .nav2{ /*width:100%;height:60px;font-family: ;font-size:12px;*/font-family: 'HNB', Arial, Helvetica;color:#fff;overflow:hidden;/*float:left;*/}
.home_nav .nav2 .one{/* width:100%;*/height:60px;line-height:60px; /*position:absolute;text-align:center;*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; position:relative; display:inline-block !important; vertical-align:middle;}
.home_nav .nav2 .two{/* width:100%;*/height:60px;line-height:60px;/* position:absolute;*//*text-align:center;*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); display:inline-block !important; vertical-align:middle;}
.home_nav .nav2 .one{/*top:-30px;left:0;*/z-index:1;/*background:#63C;color:#FFF;*//*-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ font-size:35px;}

.home_nav .nav2:hover .one{top:0px;left:0;-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);/*-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);*/}
.home_nav .nav2 .one a{/*background:#63C;color:#FFF;*/text-decoration:none;}
.home_nav .nav2 .two{ top:0px; left:0;z-index:2; font-size:40px;/*background:#63C;color:#FFF;*/}
.home_nav .nav2:hover .two{/*bottom:-60px;left:0;-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/}
.home_nav .nav2 .two a{/*background:#63C;color:#FFF;*/text-decoration:none;}
@media(max-width:768px){
.home_nav .nav2 .one{ font-size:30px !important;}
.home_nav .nav2 .two{ font-size:30px !important;}
}

/* innav2 */
.innav{ margin-left:-15%;}
.innav .nav2{ width:100%;/*height:60px;*/font-family: ;font-size:12px;color:#fff;overflow:hidden;float:left; position:relative;}
.innav .nav2 .one{ width:100%;height:14px;line-height:14px;position:absolute; /*text-align:center;*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.innav .nav2 .two{ width:100%;height:14px;line-height:14px;/* position:absolute;text-align:center;*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; position:relative;-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.innav .nav2 .one{top:-30px;left:0;z-index:1;/*background:#63C;color:#FFF;*/-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.innav .nav2:hover .one{top:0px;left:0;-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);/*-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);*/}
.innav .nav2 .one a{/*background:#63C;color:#FFF;*/text-decoration:none;}
.innav .nav2 .two{ bottom:0px; left:0;z-index:2;/*background:#63C;color:#FFF;*/}
.innav .nav2:hover .two{bottom:-14px;left:0;-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.innav .nav2 .two a{/*background:#63C;color:#FFF;*/text-decoration:none;}




.index-main a.logo {
  position: absolute;
  left: 2.6%;
  top: 35px;
}
.index-main nav {
  position: absolute;
  left: 2.6%;
  top: 120px;
  width: 94.8%;
  padding: 0;
}
.index-main nav li {
  position: relative;
  opacity: 0;
  top: 100px;
  margin-bottom: -5px;
}
.index-main nav a {
  display: inline-block;
  margin-right: 1.7%;
  font-size: 30px;
  line-height: 1;
  color: #9fa0a0;
  font-family: 'HNB', Arial, Helvetica;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
		  font-family: 隶书;
}
.index-main nav a:hover, .index-main nav a.t {
  color: #000;
}
.index-main nav a.t {
  font-size: 60px;
  line-height: 1;
  color: #fff;
  display:inline-block;
}
.index-main nav a.t:hover {
  color: #9fa0a0;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
  .index-main nav a {
    font-size: 36px;
  }
}
.index-main nav .sub {
  display: none;
  padding: 5px 0;
  margin-bottom: 10px;
}
.index-main .cases {
  position: absolute;
  left: 2.6%;
  bottom: 0;
  width: 94.8%;
  height: 50px;
  border-top: 1px solid #7b7b7b;
  background: #fff;
  font-size: 14px;
  line-height: 50px;
  color: #666;
  text-transform: uppercase;
  cursor: pointer;
}
.index-main .cases .in {
  position: relative;
  overflow: hidden;
  width: 93.7%;
  max-width: calc(99% - 95px);
  height: 50px;
}
.index-main .cases span {
  margin-right: 7%;
}
.index-main .cases span b {
  margin-left: 8px;
}
.index-main .cases span:last-child {
  margin-right: 0;
}
.index-main .cases b {
  display: inline-block;
  color: #333;
}
.index-main .cases b.fr {
  position: relative;
  padding-right: 16px;
}
.index-main .cases b.fr::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 5%;
  top: 22.5px;
  width: 6px;
  height: 5px;
  background: url(../images/bg_sign01.png) no-repeat center;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.index-main .cases b.fr.top::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.index-list {
  position: absolute;
  left: 2.6%;
  top: 100%;
  width: 94.8%;
  height: calc(100% - 60px);
}
.index-list .in {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 16px);
  padding-top: 15px;
  border-top: 1px solid #666;
}
.index-list .title {
  height: 53px;
  border-bottom: 1px solid #666;
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 53px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
}
.index-list .box {
  position: absolute;
  width: 47.2%;
  height: 100%;
}
.index-list .box .scroll {
  position: absolute;
  width: 100%;
  height: calc(100% - 76px);
}
.index-list .box .scroll li {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 22px;
  color: #666;
}
.index-list .box .scroll li img {
  display: block;
  margin: 0 auto 18px;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.index-list .box .scroll li a {
  display: inline-block;
  width: 100%;
  min-height: 48px;
  padding: 4px 0;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.index-list .box .scroll li:hover a {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.index-list .box .scroll span.fr {
  display: inline-block;
  padding-left: 18px;
  background: url(../images/bg_sign02.png) no-repeat left center;
}
.index-list .photo {
  left: 0;
}
.index-list .photo li {
  float: left;
  width: 25.5%;
}
.index-list .photo li:nth-child(3n-1) {
  margin: 0 11.6% 1.8%;
}
.index-list .photo li:nth-child(3n-2):hover img {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.index-list .photo li:nth-child(3n-1):hover img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.index-list .photo li:nth-child(3n):hover img {
  box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.1);
}
.index-list .video {
  right: 0;
}
.index-list .video li {
  float: left;
  width: 43%;
}
.index-list .video li:nth-child(2n) {
  float: right;
}
.index-list .video li a:nth-child(1) {
  position: relative;
}
.index-list .video li a:nth-child(1) img.sign {
  position: absolute;
  right: 3.2%;
  bottom: 4%;
  width: 9.5%;
}
.index-list .video li:nth-child(2n-1):hover img {
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.15);
}
.index-list .video li:nth-child(2n):hover img {
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.15);
}

.out-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.out-wrap .bg {
  background: rgba(153, 153, 153, 0.8);
  opacity: 0;
}
.out-wrap .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 86.4%;
  background: #fff;
  -webkit-transform: translateY(-86.4%);
      -ms-transform: translateY(-86.4%);
          transform: translateY(-86.4%);
}
.out-wrap .close {
  position: absolute;
  right: 1.5%;
  top: 3.8%;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  cursor: pointer;
}
.out-wrap .close:hover {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.photo-outin {
  position: absolute;
  right: 0;
  top: 16.7%;
  width: 79.7%;
  height: 69.7%;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.photo-outin .intro {
  position: absolute;
  left: 0;
  top: 0;
  width: 20.8%;
  height: 87%;
}
.photo-outin .intro title {
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  border-bottom: 2px solid #333;
  font-size: 34px;
  line-height: 1;
  color: #333;
  font-family: Bodoni MT, Arial;
}
.photo-outin .intro .in {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.photo-outin .intro .in b {
  display: inline-block;
  padding-bottom: 10px;
}
.photo-outin .images {
  position: absolute;
  right: 0;
  top: 8px;
  width: 77.2%;
  height: calc(100% - 8px);
}
.photo-outin .images .in {
  position: relative;
  overflow: hidden;
  height: 86.8%;
  opacity: 0;
}
.photo-outin .images .in .move{
  height: 100%;
}
.photo-outin .images .in img {
  margin-right: 8px;
}
.photo-outin .images .btns {
  position: absolute;
  left: 12.7%;
  bottom: 0;
  height: 4px;
  opacity: 0;
}
.photo-outin .images .btns span {
  display: inline-block;
  float: left;
  width: 16px;
  height: 4px;
  background: #d7d7d7;
  margin: 0 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.photo-outin .images .btns span:hover, .photo-outin .images .btns span.cur {
  background: #333;
}

.video-outin {
  position: absolute;
  right: 0;
  top: 17%;
  width: 91.3%;
  height: 66.7%;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.video-outin .intro {
  position: absolute;
  left: 0;
  top: 0;
  width: 18.2%;
  height: 87%;
}
.video-outin .intro title {
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  border-bottom: 2px solid #333;
  font-size: 34px;
  line-height: 1;
  color: #333;
  font-family: Bodoni MT, Arial;
}
.video-outin .intro .in {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.video-outin .intro .in b {
  display: inline-block;
  padding-bottom: 10px;
}
.video-outin .video {
  position: absolute;
  left: 22%;
  top: 6px;
  width: 76%;
  height: 100%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  background: #000;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 56px;
  padding: 35px 0 15px;
  z-index: 5;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
header.shadow {
  background: rgba(247, 247, 247, 0.9);
}
header a.logo {
  display: inline-block;
  float: left;
  margin-left: 2.65%;
}
header nav {
  float: left;
  max-width: 235px;
  margin-left: 45px;
}
header nav li {
  line-height: 14px;
}
header nav a {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #9fa0a0;
  font-family: 'HNB';
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
header nav a:hover, header nav a.cur {
  color: #fff;
}
header nav .sub {
  display: none;
}
header nav .sub a {
  /*margin-right: 10px;*/
  display:block;
  margin-left:5px;
}

.about-wrap .box {

  margin-bottom: 4.2%;
}
.about-wrap .intro {
  padding: 140px 0 7% 8%;
}
.about-wrap .intro .detail {
  width: 37.2%;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
}
@media screen and (max-width: 1280px) {
  .about-wrap .intro .detail {
    width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .about-wrap .intro .detail {
    width: 100%;
    margin-bottom: 10%;
  }
}
.about-wrap .intro .detail h2 {
  margin-bottom: 6.4%;
  font-size: 40px;
  line-height: 44px;
  color: #FFF;
  font-family: 'HNB';
  text-transform: uppercase;
}
.about-wrap .intro .detail img {
  display: block;
  max-width: 100%;
  margin-top: 14.6%;
}
.about-wrap .intro .images {
  width: 50%;
  margin-left: 6%;
}
@media screen and (max-width: 1280px) {
  .about-wrap .intro .images {
    width: 35%;
  }
}
@media screen and (max-width: 1024px) {
  .about-wrap .intro .images {
    width: 100%;
    margin-left: 0;
  }
}
.about-wrap .intro .images img {
  display: block;
  max-width: 100%;
  margin-bottom: 6.5%;
}
.about-wrap .desginers {
  padding: 3% 0 4.5% 8%;
}
.about-wrap .desginers h2 {
  font-size: 40px;
  line-height: 2;
  color: #FFF;
  font-family: 'HNB';
  text-transform: uppercase;
}
.about-wrap .desginers .detail {
  width: 63.3%;
  padding: 2.6% 0 6.6%;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
@media screen and (max-width: 1280px) {
  .about-wrap .desginers .detail {
    width: 91%;
  }
}
.about-wrap .desginers .list {
  width: 63.3%;
}
@media screen and (max-width: 1280px) {
  .about-wrap .desginers .list {
    width: 91%;
  }
}
.about-wrap .desginers .part {
  width: 41.3%;
  margin-left: 8.7%;
}
.about-wrap .desginers .part:nth-child(2) {
  width: 46.8%;
  margin-left: 3.2%;
}
.about-wrap .desginers .part li {
  margin-bottom: 21.8%;
  cursor: pointer;
}
.about-wrap .desginers .part li:hover .sign img, .about-wrap .desginers .part li.cur .sign img {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.about-wrap .desginers .part li.small {
  width: 84.5%;
  margin-left: 15.5%;
}
.about-wrap .desginers .part .img {
  position: relative;
}
.about-wrap .desginers .part .img .sign {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 21px;
  height: 21px;
  background: #fff;
}
.about-wrap .desginers .part .img .sign img {
  float: left;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.about-wrap .desginers .part .img .sign:first-child {
  background: none;
}
.about-wrap .desginers .part .tips {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.about-wrap .desginers .part .tips h3 {
  font-size: 30px;
  line-height: 65px;
  color: #FFF;
}
.about-wrap .desginers .part .tips .in {
  display: none;
  padding-top: 15px;
  border-top: 1px solid #fff;
}
.about-wrap .team { text-align:center;  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.about-wrap .team  img{ max-width:100%;}
.about-wrap .team h2 {
  margin-bottom: 1.9%;
  font-size: 40px;
  line-height: 2;
  color: #333;
  font-family: 'HNB';
  text-transform: uppercase;
}
.about-wrap .team .boxin {
  width: 63.3%;
  margin-bottom: 4.6%;
}
@media screen and (max-width: 1280px) {
  .about-wrap .team .boxin {
    width: 84%;
  }
}
.about-wrap .team .boxin .detail {
  width: 47.4%;
}
.about-wrap .team .boxin .detail img {
  display: block;
  max-width: 100%;
  margin-bottom: 6.5%;
}
.about-wrap .team .boxin .img {
  width: 47.4%;
}

.photo-wrap .photo-ban {
  position: relative;
  overflow: hidden;
  height: 780px;
}
.photo-wrap .img-list{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 780px;
  opacity: 0;
}
.photo-wrap .img-list li{
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 780px;
  margin-left: -960px;
  background-repeat: no-repeat;
  background-position: center;
}
.photo-wrap .photo-ban .btns{
  position: absolute;
  left: 50%;
  bottom: 20px;
  height: 14px;
  text-align: center;
}
.photo-wrap .photo-ban .btns span{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: #9fa0a0;
  margin: 0 3px;
  cursor: pointer;
}
.photo-wrap .photo-ban .btns span.cur{
  background: #333;
}
.photo-wrap .list {
  padding-top: 1.8%;
  background: #f7f7f7;
}
.photo-wrap .list h2 {
  margin-bottom: 2.6%;
  font-size: 30px;
  line-height: 2;
  color: #333;
  font-family: Bodoni MT, Arial;
  text-align: center;
}
.photo-wrap .list li {
  float: left;
  width: 11.5%;
  margin: 0 2.5% 3%;
  font-size: 12px;
  line-height: 22px;
  color: #666;
}
.photo-wrap .list li img {
  display: block;
  margin: 0 auto 18px;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.photo-wrap .list li a {
  display: inline-block;
  width: 100%;
  min-height: 48px;
  padding: 4px 0;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.photo-wrap .list li span.fr {
  display: inline-block;
  padding-left: 18px;
  background: url(../images/bg_sign02.png) no-repeat left center;
}
.photo-wrap .list li:hover a {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.photo-wrap .list li:hover img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1280px) {
  .photo-wrap .list li {
    width: 20%;
    margin: 0 6.5% 4.6%;
  }
}
.photo-wrap .list .loading {
  position: relative;
  overflow: hidden;
  height: 70px;
  display: none;
}

.video-wrap .video-top {
  position: relative;
  background: #000;
}
.video-wrap .video-top embed {
  position: absolute;
  left: 0;
  top: 0;
}
.video-wrap .list {
  padding-top: 1.8%;
  background: #f7f7f7;
}
.video-wrap .list h2 {
  margin-bottom: 2.6%;
  font-size: 30px;
  line-height: 2;
  color: #333;
  font-family: Bodoni MT, Arial;
  text-align: center;
}
.video-wrap .list li {
  float: left;
  width: 19.8%;
  margin: 0 2.6% 3%;
  font-size: 12px;
  line-height: 22px;
  color: #666;
}
.video-wrap .list li img {
  display: block;
  margin: 0 auto 18px;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.video-wrap .list li a {
  display: inline-block;
  width: 100%;
  min-height: 48px;
  padding: 4px 0;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.video-wrap .list li a:nth-child(1) {
  position: relative;
}
.video-wrap .list li a:nth-child(1) img.sign {
  position: absolute;
  right: 3.2%;
  bottom: 4%;
  width: 9.5%;
}
.video-wrap .list li:hover a {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.video-wrap .list li span.fr {
  display: inline-block;
  padding-left: 18px;
  background: url(../images/bg_sign02.png) no-repeat left center;
}
.video-wrap .list .loading {
  position: relative;
  overflow: hidden;
  height: 70px;
  display: none;
}

.contact-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contact-wrap .in {

  width:100%;
  padding:0 1%;
  max-width: 100%;
  margin:148px 1.5% 0 1.5%;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.contact-wrap .in h2 {
  font-size: 40px;
  line-height: 2;
  color: #333;
  font-family: 'HNB';
  text-transform: uppercase;
}

/*# sourceMappingURL=style.css.map */

.load-wrap{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align:center;
  vertical-align:middle;
  
  background: url(../images/45d.png) no-repeat center #181818;
  /*background-size:100% auto;*/
  
  cursor: pointer;
}
/*.load-wrap img{ max-width:100%;}*/

.tech{ position:relative; z-index:10;}

@media(max-width:768px)
{
.index-main nav a.t{ font-size:60px;}
.index-main nav a{ font-size:36px; }
.index-main nav .sub a{ float:none; margin:0 0 0 20px; display:block;}

.load-wrap{
  
  background-size:70% auto;

}
.about-wrap .team {
  padding:0;
}
}


@media(max-width:480px)
{
.index-main nav a.t{ font-size:58px;}
.index-main nav a{ font-size:36px;}


}

@media(max-width:414px)
{
.index-main nav a.t{ font-size:50px;}
.index-main nav a{ font-size:32px;}
}

@media(max-width:375px)
{
.index-main nav a.t{ font-size:46px;}
.index-main nav a{ font-size:30px;}
}

@media(max-width:320px)
{
.index-main nav a.t{ font-size:38px;}
.index-main nav a{ font-size:28px;}
}

@media screen and (max-width:1920px) {

	.firstRow td{
		width:50% !important;
	}
}

@media screen and (max-width:750px) {
	/*数值自定义*/
	.firstRow td{
		display: block;
		width: 100% !important;
	}
}