*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  height:100%;
  overflow: hidden;
  cursor:url("../images/h_two.ico"),auto;
}
@font-face {
  font-family: "Gotham-Bold";
          src: url("../fonts/Gotham-Bold.otf");
          font-weight: normal;
          font-style: normal; 
}

@font-face {
  font-family: "Gotham-Book";
          src: url("../fonts/Gotham-Book.otf");
          font-weight: normal;
          font-style: normal; 
    
}

@font-face {
  font-family: "Gotham-Black";
          src: url("../fonts/Gotham-Black.otf");
          font-weight: normal;
          font-style: normal; 
    
}

@font-face {
  font-family: "方正兰亭特黑简体";
          src: url("../fonts/ch/方正兰亭特黑简体.TTF");
          font-weight: normal;
          font-style: normal; 
    
}
@font-face {
  font-family: "方正兰亭黑简体";
          src: url("../fonts/ch/方正兰亭黑简体.TTF");
          font-weight: normal;
          font-style: normal; 
    
}
@media all and (max-width:640px){
  html, body {
  overflow: scroll;
}
.scene{
  overflow: scroll;
}


}
.scene {
  position: relative;
  height: 100%;
  border: 10px solid #000;
  z-index: 50;
  overflow: hidden;
}
.displaynone{
  display:none;
}
.displayblock{
  display:block;
}
.bg {
  position: absolute;
  z-index: 1;
  top: calc(50% - 140vh - 24.3px);
  left: calc(50% - 125vw - 17px);
  width: calc(250% + 100px);
  height: calc(280% + 100px);
  background-color:#000;
  background-image: url("../images/bg.jpg");
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center center;
}

.content {
  position: absolute;
  width:200vw;
  height: 127.5vw;
  left: calc(50% - 103vw);
  top: calc(50% - 72vw);
  will-change: top, left;
  z-index: 100;
  will-change: transform;
}

.sy_video{
  width:100%;
  height:auto;
}
.videocon{
  width:100%; 
  height:100%;
}
.pro_video_w{
  width:28vw;
  height:20vw;
  position:absolute;
  left:183vw;
  top:54vw;
  background:url(../images/video_bg.png) no-repeat center center/28vw 20vw;
  z-index:333;
  padding:2.7vw 0 0 3vw;
}
.pro_con_video video{
  width:21vw;
  height:14.5vw;
  background:#000;
  border-radius:2px;
  overflow:hidden;
  cursor:url("../images/h_two.ico"),auto;
}
.pro_con_video img{
  display:block;
  width:21vw;
  height:14.5vw;
  border-radius:2px;
  cursor:url("../images/h_two.ico"),auto;
}
.video_btn{
  display:block;
  width:21vw;
  height:14.5vw;
  background:url(../images/video_btn.png) no-repeat center center/3vw auto;
  position:absolute;
  left:0;
  top:0;
}
.pro_con_video{
  width:100%;
  height:100%;
  position:relative;
}
.pro_video_tc{
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:333;
  display:none;
}
.pro_video_tc .pro_con_video video{
  width:100%;
  height:100%;
}
/* video::-webkit-media-controls{
        display:none !important;
      }  */

.videoplay,.videoplay2,.videoplaygy{
  display:block;
  width:85%;
  height:85%;
  text-indent:-9999px;
  background:url(../images/video_btn.png) no-repeat center center/5vw 5vw;
  position:absolute;
  left:0;
  top:0;
  border:none;
  z-index:33;
  cursor:url("../images/h_two.ico"),auto;
}
#video_play::-webkit-media-controls{
   cursor:url("../images/h_two.ico"),auto;     
      } 
.video_this::-webkit-media-controls{
        display:none !important;
      }  
.videoclose,.videoclose2,.videoclosegy{
  display:block;
  width:85%;
  height:85%;
  text-indent:-9999px;
  background:none;
  position:absolute;
  left:0;
  top:0;
  border:none;
  z-index:33;
  cursor:url("../images/h_two.ico"),auto;
  display:none;
}
.videoplay{
  background:url(../images/video_btn.png) no-repeat center center/120px 120px;
}
.videoplay,.videoclose{
  width:100%;
  height:95%;
  outline:none;
}
.detail_video{
  width:100%;
  height:auto;
  position:relative;
}
.videoclosegy,.videoplaygy{
  width:100%;
  height:100%;
}
.detail_video video{
  width:100%;
  height:100%;
}
.close_btn2{
  display:block;
  width:100px;
  height:100px;
  background:url(../images/icon_close2.png) no-repeat center center/30px auto;
  position:fixed;
  right:0;
  top:0;
  z-index:444;
}
.block {
  position: absolute;
  cursor:url("../images/h_three.ico"),auto;
}
.pic_list{
  display:block;
}

.pic_list img{
  display:block;
  width:100%;
  height:auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.block .pic_1,.block  .pic_2{
  position:absolute;
  box-shadow:0 0 15px rgba(0,0,0,0.9);
}
.block .pic_1{
  z-index:2;
  
}
.block  .pic_2{
  z-index:1;
  
}
.block1{
  top:16vw;
  left:18.5vw;
}
.block1 .pic_1{
  width:13vw;
  left:0;
  top:2vw;
}
.block1 .pic_2{
 width:14vw;
 border:1vw solid #fff;
 left:12.5vw;

}

 .block2{
  top:59.2vw;
  left:1.8vw;
}
.block2 .pic_1{
  width:13vw;
  left:13vw;
  top:2vw;
}
.block2 .pic_2{
 width:16vw;
 border:1vw solid #fff;
 left:0;
 top:12vw;
}

.block3{
  top:23.5vw;
  left:37.2vw;
}
.block3 .pic_1{
  width:13vw;
  left:11vw;
  top:0;
}
.block3 .pic_2{
 width:15.5vw;
 border:1vw solid #fff;
 left:0;
 top:5vw; 
}

.block4{
  top:43vw;
  left:24vw;
}
.block4 .pic_1{
  width:13vw;
  left:0;
  top:0;
}
.block4 .pic_2{
 width:16vw;
 border:1vw solid #fff;
 left:8vw;
 top:8.5vw; 
}


.block5{
  top:88.6vw;
  left:13.5vw;
}
.block5 .pic_1{
  width:13vw;
  left:0vw;
  top:6vw;
}
.block5 .pic_2{
 width:15vw;
 border:1vw solid #fff;
 left:7vw;
 top:0;
}

.block6{
  top:65vw;
  left:21vw;
}
.block6 .pic_1{
  width:13vw;
  left:15vw;
  top:0vw;
}
.block6 .pic_2{
 width:14vw;
 border:1vw solid #fff;
 left:22vw;
 top:11vw;
}

.block7{
  top:39.5vw;
  left:39.3vw;
}
.block7 .pic_1{
  width:13vw;
  left:15vw;
  top:8vw;
}
.block7 .pic_2{
 width:13vw;
 border:1vw solid #fff;
 border-top:2vw solid #fff;
 border-bottom:2vw solid #fff;
 left:22vw;
 top:0;
}

.block8{
  top:94vw;
  left:44vw;
}
.block8 .pic_1{
  width:13vw;
  left:11vw;
  top:5.5vw;
}
.block8 .pic_2{
 width:15.6vw;
 border:2vw solid #fff;
 left:0;
 top:13vw;
}


.block9{
  top:8.3vw;
  left:86.5vw;
}
.block9 .pic_1{
  width:13vw;
  left:9.5vw;
  top:13vw;
}
.block9 .pic_2{
 width:19vw;
 border:0.5vw solid #000;
 left:0vw;
 top:10vw;
}

.block10{
  top:36vw;
  left:93vw;
}
.block10 .pic_1{
  width:13vw;
  left:8vw;
  top:0;
}
.block10 .pic_2{
 width:16vw;
 border:0.6vw solid #fff;
 left:0vw;
 top:10vw;
}

.block11{
  top:69.3vw;
  left:68.5vw;
}
.block11 .pic_1{
  width:13vw;
  left:0;
  top:0;
}
.block11 .pic_2{
 width:15vw;
 border:0.7vw solid #fff;
 left:8vw;
 top:7vw;
}

.block12{
  top:102.5vw;
  left:79.5vw;
}
.block12 .pic_1{
  width:13vw;
  left:0;
  top:2vw;
}
.block12 .pic_2{
 width:15vw;
 border:1vw solid #fff;
 left:9vw;
 top:0;
}

.block13{
  top:18vw;
  left:119vw;
}
.block13 .pic_1{
  width:13vw;
  left:12vw;
  top:15vw;
}
.block13 .pic_2{
 width:16vw;
 border:0.5vw solid #000;
 left:0vw;
 top:10vw;
}

.block14{
  top:15vw;
  left:150vw;
}
.block14 .pic_1{
  width:13vw;
  left:10vw;
  top:0;
}
.block14 .pic_2{
 width:18vw;
 border:1vw solid #fff;
 left:0vw;
 top:10vw;
}

.block15{
  top:36vw;
  left:160.5vw;
}
.block15 .pic_1{
  width:13vw;
  left:0;
  top:5vw;
}
.block15 .pic_2{
 width:15vw;
 border:1vw solid #fff;
 border-top:2.5vw solid #fff;
 border-bottom:2.5vw solid #fff;
 left:5vw;
 top:0;
}

.block16{
  top:57vw;
  left:158vw;
}
.block16 .pic_1{
  width:13vw;
  left:0;
  top:4vw;
}
.block16 .pic_2{
 width:15vw;
 border:1vw solid #000;
 left:5vw;
 top:0;
}

.block17{
  top:76vw;
  left:157vw;
}
.block17 .pic_1{
  width:13vw;
  left:6vw;
  top:0;
}
.block17 .pic_2{
 width:15vw;
 border:10px solid #000;
 left:0;
 top:9vw;
}


.block18{
  top:98.8vw;
  left:151vw;
}
.block18 .pic_1{
  width:13vw;
  left:0;
  top:0;
}
.block18 .pic_2{
 width:17vw;
 border:1vw solid #fff;
 left:8vw;
 top:12vw;
}

.block19{
  top:44.8vw;
  left:117vw;
}
.block19 .pic_1{
  width:13vw;
  left:5.5vw;
  top:13vw;
}
.block19 .pic_2{
 width:9vw;
 border:0.6vw solid #fff;
 left:0vw;
 top:10vw;
}

.block20{
  top:60.5vw;
  left:98.5vw;
}
.block20 .pic_1{
  width:13vw;
  left:4vw;
  top:0;
}
.block20 .pic_2{
 width:21.8vw;
 border:1vw solid #fff;
 left:0vw;
 top:13vw;
}

.block21{
  top:77vw;
  left:130.5vw;
}
.block21 .pic_1{
  width:13vw;
  left:1.3vw;
  top:10vw;
}
.block21 .pic_2{
 width:15.5vw;
 border:0.5vw solid #000;
 left:0vw;
 top:0;
}

.block22{
  top:107.5vw;
  left:125.7vw;
}
.block22 .pic_1{
  width:13vw;
  left:0;
  top:8vw;
}
.block22 .pic_2{
 width:14vw;
 border:1.5vw solid #fff;
 left:3vw;
 top:0vw;
}

.block23{
  top:92.7vw;
  left:106.5vw;
}
.block23 .pic_1{
  width:13vw;
  left:7.5vw;
  top:0;
}
.block23 .pic_2{
 width:17vw;
 border:1vw solid #fff;
 left:0;
 top:10vw;
} 

.pic_tit_w{
  width:100%;
  height:auto; 
  background:#000;
  color:#fff;
  padding:8px 0 5px;
  font-size:0.6vw;
}
.pic_tit{
  width:110%;
  font-size:14px;
  font-family:"方正兰亭特黑简体";
  height:18px;
  line-height:18px;
  overflow:hidden;
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8); 
  -o-transform:scale(0.8); 
  transform:scale(0.8);
  margin-left:-5%;
}
.pic_tit span{
  font-family:"Gotham-Black";
}
.pic_tit_des{
  width:125%;
  line-height:1.2vw;
  font-size:12px;
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7); 
  -o-transform:scale(0.7); 
  transform:scale(0.7);
  color:rgba(255,255,255,0.7);
  margin-left:-12.5%;
}
.pic_des{
  width:125%;
  font-family:"Gotham-Book";
  font-size:12px;
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7); 
  -o-transform:scale(0.7); 
  transform:scale(0.7);
  margin-left:-12.5%;
  margin-top:-3px;
}
.pic_tit_des .en{
  line-height:14px;
  height:28px;
  overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom:5px;
  font-family:"Gotham-Book";
}
.pic_tit_des .ch{
  line-height:15px;
  height:15px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-family:"方正兰亭黑简体";
}

.pro_detail{
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:355;
  cursor:url("../images/h_one.ico"),auto;
}
.pro_bg{
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  background:rgba(0,0,0,0.8);
  z-index:1;
}
.pro_con{
  width:70%;
  height:86%;
  position:fixed;
  left:15%;
  top:7%;
  margin:0;
  z-index:2;
  overflow:scroll;
  background:#fff;
  padding:35px 5px 5px;
  box-sizing:border-box;
}
.black_bg{
  height:35px;
  width:70%;
  background:#000;
  position:fixed;
  top:7%;
  left:15%;
  margin:0;
  z-index:2;
  cursor:url("../images/h_two.ico"),auto;
}
.pro_con::-webkit-scrollbar {
        width: 0;    
        height: 1px;
        border-radius:20px;
    }
.pro_con::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background: #818283;
    }
.pro_con::-webkit-scrollbar-track {
    width:1px;
        border-radius: 20px;
        background:rgba(0,0,0,0.1);
    }

.pro_con_edit>img,.pro_con_edit .pcblock>img,.pro_con_edit .wapblock>img{
  display:block;
  width:100%;
  height:auto;
  margin-bottom:5px;
}
.pic_ul{
  width:86%;
  margin:auto;
  padding-top:1%;
}
.pic_ul li{
  display:block;
  float:left;
  width:31%;
  margin-left:1.8%;
}
.pic_ul li img{
  display:block;
  width:100%;
  height:auto;
  
}
.close_btn{
  display:block;
  width:20px;
  height:20px;
  background:#fff url(../images/icon_close.png) no-repeat center center/20px auto;
  position:fixed;
  right:15.5%;
  top:7.9%;
  margin:0;
  cursor:url("../images/h_two.ico"),url("../images/h_three.cur"),auto;
  z-index:3344;
}
.loading_index{
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  background:#000;
  z-index:97;
}
.loading_con{
  width:700px;
  height:500px;
  position:absolute;
  left:50%;
  top:50%;
  margin:-250px 0 0 -350px;
}
.gif_pic{
  width:455px;
  height:455px;
  float:left;
  margin-right:50px;
}
.gif_pic img{
  width:100%;
  height:100%;
}
#ProgressBarID{
  width:34.3px;
  height:350px;
}
#ProgressBarID>div{
  height:0;
  width:25px;
  position:absolute;
  left:4px;
  bottom:4px;
  background:#e0e0e0;
  text-align:center;
  /* transition:all ease 1.5s; -webkit-transition:all ease 1.5s; -moz-transition:all ease 1.5s; -ms-transition:all ease 1.5s; 
    -o-transition:all ease 1.5s; */

}
.loading_jd{
  width:100px;
  height:350px;
  float:left;
  position:relative;
  margin-top:70px;
}
.loading_jd_left{
  width:35px;
  height:350px;
  border:1px solid #fff;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
}
.loading_jd_right{
  width:350px;
  line-height:20px;
  font-size: 16px;
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg); 
  -moz-transform:rotate(-90deg); 
  -webkit-transform:rotate(-90deg); 
  -o-transform:rotate(-90deg);
  position:absolute;
  right:-140px;
  bottom:165px;
  color:rgba(255,255,255,0.8);

}
.loading_jd_right{
  font-family:"Gotham-Book";

}
.loading_jd_right span{
  font-family:"Gotham-Bold";
  font-style:normal;
  margin-right:5px;
}
.baifen{
  display:inline-block;
  margin-left:5px;

}
@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham-Book.woff2") format("woff2"),
       url("fonts/Gotham-Book.woff") format("woff"),
       url("fonts/Gotham-Book.ttf") format("truetype"),
       url("fonts/Gotham-Book.eot") format("embedded-opentype"),
       url("fonts/Gotham-Book.svg") format("svg");
}
.footer{
  width:100%;
  height:auto;
  background:#000;
  text-align:center;
  position:absolute;
  left:0;
  bottom:0;
  height:90px;
  z-index:88;
}
.footer img{
  display:block;
  width:30px;
  margin:15px auto 5px;
}
.footer a{
  font-family: "Gotham-Book";
  color:#fff;
  text-decoration:none;
  font-size:14px;
}

/* .block img {
  position: relative;
  opacity: 0.3;
  transition: opacity 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.3s, transform 0.5s 0.3s;
  transition: opacity 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  will-change: transform;
} */

/* .block .sec-info {
  position: absolute;
  z-index: 400;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1;
  font-family: pfs-medium;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  opacity: 0;
  transition: opacity 0.3s 0.5s, -webkit-transform 0.5s cubic-bezier(0.53, 0.11, 0.76, 1.38);
  transition: transform 0.5s cubic-bezier(0.53, 0.11, 0.76, 1.38), opacity 0.3s 0.5s;
  transition: transform 0.5s cubic-bezier(0.53, 0.11, 0.76, 1.38), opacity 0.3s 0.5s, -webkit-transform 0.5s cubic-bezier(0.53, 0.11, 0.76, 1.38);
  will-change: transform;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
} */
/* .block:hover img {
  opacity: 1;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
} */
/* .block:hover .sec-info {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  transition: opacity 0.3s, -webkit-transform 0.5s 0.3s cubic-bezier(0.53, 0.11, 0.76, 1.38);
  transition: transform 0.5s 0.3s cubic-bezier(0.53, 0.11, 0.76, 1.38), opacity 0.3s;
  transition: transform 0.5s 0.3s cubic-bezier(0.53, 0.11, 0.76, 1.38), opacity 0.3s, -webkit-transform 0.5s 0.3s cubic-bezier(0.53, 0.11, 0.76, 1.38);
}
 */