h1,h2,h3,h4,h5,h6{letter-spacing:0px;}
p{font-size:14px;}
a{min-width: 0!important;}
.viewer-container ul li{padding:0;}
.pr{position: relative;}
.overh{overflow:hidden;}
.tr{text-align:right;}
.ifmo_h{display:block;}
.ifpc_h{display:none;}
.dispno{display: none;}


.wallpaper_sc1{background: url(/zt/project/2023/647/images/bg_wall1_1.jpg) repeat-x; background-size: 100% 100%;height:100%;display:flex;position: relative;}
.wallpaper_sc2{background: url(/zt/project/2023/647/images/bg_wall2_1.jpg) repeat-x; background-size: 100% 100%;height:100%;display:flex;position: relative;}
.wallp > i{height: 100%;position: absolute;left:0;top:0;z-index:1;display:flex;}
.wallp > i > img{height:100%;width:auto;}
.sc_img_header{display:flex;width:100%;height:100%;justify-content: center;align-items: center;position: relative;z-index:9;padding:0 70px;}
.sc_img_header img{max-height:70%;}
.sc_img_title{display:flex;width:100%;height:100%;justify-content: center;align-items: center;position: relative;z-index:9;}
.sc_img_title img{max-height:100%;}
.img_loma{position: absolute;left:200px;bottom:10px;z-index:9;}
.mirr{ transform: rotateY(180deg);left:auto;right:400px;}
.mirr_bg{transform: rotateY(180deg);left:auto;right:0;}
.more{color:#333;position: relative;z-index:99;display: flex;justify-content: flex-end;align-items: flex-end;margin:5% 0;line-height:20px;}

.wallsc_bd,.wallsc_bd2{display: flex;flex-direction:column;z-index:99;margin:100px 160px 120px 70px;}
.wallsc_bd .wall_box1,.wallsc_bd .wall_box2,.wallsc_bd2 .wall_box11,.wallsc_bd2 .wall_box22{display: flex;flex-direction: row;height:50%;}
.wallsc_bd .size3 i{max-width:385px;max-height:275px;height:80%;border:10px solid #c9a793;display:flex;box-shadow:0 10px 20px #cbcbc6;}
.wallsc_bd .size2 i{max-width:340px;max-height:240px;height:60%;border:10px solid #c9a793;display:flex;box-shadow:0 10px 20px #cbcbc6;}
.wallsc_bd i img,.wallsc_bd2 i img{height:100%;object-fit: contain;cursor: pointer;}
.wallsc_bd h3{position: relative;display:flex;margin-top:10px;margin-bottom:0;}
.wallsc_bd .tit_r h3{justify-content:flex-end;} 
.wallsc_bd h3 b{background:url(/zt/project/2023/647/images/bg_w_tag.jpg) no-repeat;display:flex;height:40px;align-items: center;padding:0 10px 0 40px;font-size:18px;font-weight:700;color:#fff;}
.wallsc_bd h3 span{background:url(/zt/project/2023/647/images/bg_w_tag_r.jpg) no-repeat;width:30px;height:40px;}
.wallsc_bd i span{position: absolute;right:0;bottom:0;background:url(/zt/project/2023/647/images/bg_page_num.png) no-repeat;width:26px;height:26px;font-size:14px;font-style: normal;display: flex;justify-content: center;align-items: center;}
.wallsc_bd i{position: relative;}

.wallsc_bd2 i{background: linear-gradient(33deg, #e4f3f9, #e1e7ea, #fdfdfc,#e1e0e0);padding:10px;display:flex;box-shadow:0 10px 20px #cbcbc6;position: relative;justify-content: center;}
.wallsc_bd2 .size3 i{max-width:385px;max-height:275px;height:90%;}
.wallsc_bd2 .size2 i{max-width:340px;max-height:240px;height:60%;}
.wallsc_bd2 h3{display:flex;color:#333;font-size:16px;font-weight:normal;margin-top:10px;}
.wallsc_bd2 .wall_box22{align-items: flex-end;}

.ml45{margin-left:45px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}
.ml200{margin-left:200px;}
.ml240{margin-left:240px;}
.mt55{margin-top:55px;}
.mt25{margin-top:25px;}
.mt-55{margin-top:-55px;}
.mt-20{margin-top:-20px;}

.erwmbox{background:#3b3b3b;padding:60px;display:flex;flex-direction: column;justify-content:space-between;align-items:flex-start;}
.col_er{display:flex;align-items: center;}
.col_er p{white-space: pre-wrap;white-space: nowrap;margin-left:20px;}
.col_er p{color:#fff;font-size:16px;}
.col_er a{color:#ccc;font-size:14px;}

.cdcity_nm img{height:100%;}
.cdcity_nm {display:flex;align-items: center;}
.cdcity_nm h4{font-size:16px;font-weight: normal;line-height:20px;position:absolute;right:5%;bottom:5%;}
.cdcity_nm h4 > div{display:flex;align-items: center;background:rgba(149, 1, 1, 0.6);padding-right:20px;border-radius:20px;padding-left:15px;}
.cdcity_nm h4 i{float:left;margin-right:10px; 
animation-name:container; /*动画的名称*/
transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/}


.animated {
  animation-duration: 1s; /*动画时间*/
  animation-fill-mode: both; /*播放后的状态*/
}
 
.animated {
  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
}
 
.animated {
  animation-duration: 2s; /*动画时间*/
}
@media screen and (min-width:1360px){
    .hd_menu a{padding:25px 20px 0;}

  }

@media screen and (min-width:1004px) and (max-width:1386px){

  }

@media screen and (min-width:320px) and (max-width:736px){

  .ifmo_h{display:none!important;}
  .ifpc_h{display:flex;}
  .cdcity_nm img{height:auto;width:100%;}
  .wallpaper_sc1{background:none;height:auto;flex-direction: column;}
  .sc_img_header{padding:0;}
  .sc_img_header img{max-height: auto;width:100%;}
  .wallp > i{display:none;}
  .wallpaper_sc2{flex-direction: column;background: none;height:auto;}
  .wallsc_bd, .wallsc_bd2{margin:15px;}
  .wallsc_bd .wall_box1, .wallsc_bd .wall_box2, .wallsc_bd2 .wall_box11, .wallsc_bd2 .wall_box22{flex-direction: column;}
  .ml45,.ml90,.ml100,.ml150,.ml200,.ml240,.mt55,.mt-55,.mt-20{margin:0;margin-top:15px;}
  .wallsc_bd .size3 i,.wallsc_bd .size2 i,.wallsc_bd2 .size3 i,.wallsc_bd2 .size2 i{max-width: 100%;max-height: 100%;height:auto;width:100%;}
  .wallsc_bd .size3 i img,.wallsc_bd .size2 i img{width:100%;}
  .wallsc_bd h3{margin-top:-30px;}
  .wallsc_bd .tit_r h3{justify-content:flex-start;} 
  .wallsc_bd i img, .wallsc_bd2 i img{height:auto;width:100%;}
  .wallsc_bd2 h3{background:rgba(0, 0, 0, 0.6);color:#fff;padding:10px;margin-left:10px;margin-right:10px;margin-top:-50px;position: relative;z-index:99;justify-content:center;}
  #wrapper{margin:0;}
  .erwmbox{flex-direction: row;flex-wrap: wrap;justify-content:space-between;padding:30px;}
  .col_er{flex-direction: column;justify-content: center;width:50%;}
  .col_er p{margin-left:0;text-align:center;}
  .copy_txt{text-align:center;}
  .copy_txt span{white-space: nowrap;}
  .sc_img_title img{max-height:100%;width:100%;}
  .more{margin:0 15px;}
}
@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-10px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-6px,0);
  }
  90%{
  transform: translate3d(0,-2px,0);
  }
};