html,body{position:relative;height:100%;background:#fff}
::-moz-selection{background:#beac98;color:white;text-shadow:none}
::selection{background:#beac98;color:white;text-shadow:none}
body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0}
.header-box{display:flex;justify-content:space-between;align-items:center;height:111px;width:100%;background:#343434;padding:0 38px;box-sizing:border-box;position:fixed;left:0;top:0;z-index:2}
.header-hot{color:#beac98;font-size:14px}
.header-checked{width:42px;height:42px;display:block;text-align:center;line-height:42px;background:#5d4b37;color:#e8e5e2;border-radius:3px;margin-left:23px;cursor:pointer}
.header-checked:hover{background:#6b5848}
.header-rig i{color:#beac98;font-size:20px}
.header-rig{display:flex;align-items:center;justify-content:flex-end;}
.header-rig .header-wx{font-size:24px;margin-left:10px}
.header-logo{width:163px;text-align:center;display:block;margin:0 auto;position:absolute;left:0;right:0}
.header-logo img{width:100%}
.header-menu{width:38px;cursor:pointer}
.header-menu>img{width:100%}
.index-box.swiper-container{width:100%;height:100vh;position:relative}
.index-box .swiper-pagination-progress .swiper-pagination-progressbar{background:#beac98}
.index-box .swiper-pagination-progress{bottom:50px;top:inherit;width:30%;right:0;left:0;margin:0 auto}
.index-box.swiper-container .swiper-slide:after{content:'';background-size:cover;width:100%;height:100vh;/* background:#00000042; *//* background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#000000b0),color-stop(100%,#422c0d61)); *//* background:-webkit-linear-gradient(45deg,#000000b0 0,#422c0d61 100%); */background:-o-linear-gradient(45deg,#000000b0 0,#422c0d61 100%);/* background:linear-gradient(45deg,#000000b0 0,#422c0d61 100%); */position:absolute;top:0;left:0;display:block;z-index:100;}
.index-video-box{width:80vw;background:#fff;box-sizing:border-box;margin:50px auto;height:55vh}
.index-video{width:100%;height:100%}
.index-video img{width:100%}
.index-filed{width:100%;padding: 70px 8% 100px;box-sizing:border-box;background:#f5f5f5;display:flex;flex-direction:column;justify-content:center;}
.index-filed-h3{color:#b68b4e;font-size:25px;text-align:center;margin-bottom:23px}
.index-filed-h2{font-size:32px;color:#434343;text-align:center;margin-bottom:23px;font-weight:bold}
.index-filed-span{font-size:15px;color:#555555;display:block;width:835px;text-align:center;margin:0 auto;line-height:22px;margin-bottom:45px}
.index-filed-cont{}
.index-filed-top{margin-bottom:10px}
.index-file-left{margin-right:10px;float:left;position:relative;width:calc(50% - 10px)}
.list-pic{background:#000;overflow:hidden}
.index-file-left img{width:100%;vertical-align:middle;transition:opacity .35s,transform .35s;opacity:.9}
.list-pic:hover img{opacity:0.7;width:100%;transform:scale3d(1.05,1.05,1)}
.index-file-rig{float:left;width:calc(50% - 10px);margin-bottom:20px}
.index-file-rig-top{width:100%;margin-bottom:5px;position:relative}
.index-file-rig-top:last-child{margin-bottom:0}
.index-file-rig-top img{width:100%;vertical-align:middle;position:relative}
.index-filed-bot{}
.index-filed-bot-list{float:left;margin-right:10px;position:relative;width:calc(100% / 4 - 10px)}
.index-filed-bot-list:last-child{margin-right:0}
.index-filed-bot-list img{width:100%;vertical-align:middle}
.index-series{padding:100px 15%;background:#fff}
.index-filed-h2{}
.index-series-menu{display:flex;justify-content:center;margin-bottom:50px}
.index-series-ul{display:inline-block}
.index-series-ul li{float:left;padding:0 13px;position:relative}
.index-series-ul li a{color:#666666;font-size:16px}
.index-series-ul li a:hover{color:#beac98}
.index-series-ul li:before{content:'';width:1px;height:14px;background:#d1d1d1;position:absolute;right:0;top:6px}
.index-series-ul li:last-child:before{display:none}
.index-series-swiper .swiper-container{width:calc(100% / 3)}
.index-series-swiper{margin-top:45px}
.series-li{float:left;padding-bottom:40px}
.series-bot{text-align:center;height:280px;justify-content:center;align-items:center;display:flex;margin:20px 0}
.series-bot img{max-width:50%}
.series-top-sp{color:#333333;font-size:16px;text-align:center;margin-bottom:5px}
.series-bot-sp{font-size:12px;color:#555555;text-align:center}
.series-li .swiper-container-horizontal>.swiper-pagination-bullets,.series-li .swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px;left:0;width:100%}
.series-li .swiper-button-next,.series-li .swiper-button-prev{top:160px;display:none;opacity:1}
.series-li .swiper-pagination-bullet{width:12px;height:12px}
.series-li .swiper-pagination-bullet-active{opacity:1;background:#9f8961;border:1px solid #fff;position:relative}
.series-li .swiper-pagination-bullet-active:before{content:'';border:2px solid #9f8961;position:absolute;left:-4px;top:-4px;width:16px;height:16px;border-radius:100%}
.series-li:hover .swiper-button-next,.series-li:hover .swiper-button-prev{display:block}
.index-picture{width:100%;padding:0 8% 100px;box-sizing:border-box;background:#fff;overflow:hidden}
.index-picture-left{width:calc(25% - 1px);float:left;margin-right:1px}
.picture-left-top{position:relative;background:#3085a3}
.pic-lf{position:relative;background:#000;overflow:hidden}
.pic-lf img{width:100%;vertical-align:middle;opacity:.95;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
.pic-lf:hover img{opacity:.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.index-pic{position:absolute;top:0;left:0;width:100%;height:100%;padding:2em;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}
.picture-left-top .index-pic::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);content:''}
.picture-left-top:hover .index-pic::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.pic-lf:hover img{opacity:.75}
.picture-left-bot{position:relative}
.picture-left-bot img{width:100%;vertical-align:middle;opacity:.95}
.picture-left-bot .index-pic::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,92deg) translate3d(0,-107%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,92deg) translate3d(0,-107%,0);content:''}
.picture-left-bot:hover .index-pic::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,112%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,112%,0)}
.index-picture-cot{width:calc(25% - 1px);float:left;margin-right:1px}
.index-picture-rig{width:calc(50% - 2px);float:left;position:relative}
.index-picture-rig img{width:100%;vertical-align:middle}
.index-picture-rig .index-pic::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);content:''}
.index-picture-rig:hover .index-pic::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.mb1{margin-bottom:1px}
.file-left-a{position:absolute;top:0;left:0;background:rgba(0,0,0,.2);width:100%;height:100%;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-direction:column}
.file-left-a:after{position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.list-pic:hover .file-left-a:after{opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)}
.file-left-a p{font-size:14px;color:rgba(255,255,255,.8);opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
.file-left-a span{transition:transform .35s;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);font-size:24px;margin-bottom:10px}
.list-pic:hover span,.list-pic:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.picture-left-a{position:absolute;width:100%;height:100%;justify-content:center;align-items:center;top:0;left:0;background:rgba(0,0,0,.5);display:none}
.box-top{position:relative;font-size:18px;color:rgba(255,255,255,.8);margin-bottom:14px;font-weight:bold;text-align:center}
.box-top:before{content:'';width:25px;height:2px;background:#fff;position:absolute;left:50%;top:33px;margin-left: -12.5px}
.box-more{color:#fff;font-size:12px;text-align:center;opacity:0.8}
.picture-left-top:hover .picture-left-a{display:flex}
.picture-left-bot:hover .picture-left-a{display:flex}
.index-picture-rig:hover .picture-left-a{display:flex}
.series-li .swiper-button-next,.series-li .swiper-container-rtl .swiper-button-prev{background:none;top:195px;right:0;text-align:center}
.series-li .swiper-button-prev,.series-li .swiper-container-rtl .swiper-button-next{background:none;top:195px;left:0}
.series-li .swiper-button-prev i,.series-li .swiper-button-next i{font-size:30px;color:#929292}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background:none;top:50%}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background:none;top:50%}
.swiper-button-prev i,.swiper-button-next i{font-size:40px;color:#929292}
.search-div:hover{opacity:1}
.search-div{margin-left:15px;vertical-align:middle;cursor:pointer;opacity:.8}
.search-div img{width:19px;display:inline-block;vertical-align:middle;position:relative;top:-2px}
.search-div span{color:#beac98}
*{transition:all ease-in .3s}
.head-content-box.cur .header-box{background:none}
.index-box .swiper-button-next,.index-box .swiper-container-rtl .swiper-button-prev{background:#fff;top:50%;width:50px;height:50px;border-radius:100%;text-align:center;line-height:50px;display:none;right:20px;z-index:200}
.index-box .swiper-button-prev,.index-box .swiper-container-rtl .swiper-button-next{background:#fff;top:50%;width:50px;height:50px;border-radius:100%;text-align:center;line-height:50px;display:none;z-index:200;left:20px}
.index-box .swiper-button-prev i,.index-box .swiper-button-next i{font-size:18px;color:#929292}
.index-box .swiper-button-prev i{position:relative;left:-1px}
.index-box .swiper-button-next i{position:relative;right:-1px}
.index-box:hover .swiper-button-prev{display:block;animation:leftIn ease-in 0.3s forwards}
.index-box:hover .swiper-button-next{display:block;animation:rightIn ease-in 0.3s forwards}
@keyframes leftIn{0%{transform:translateX(-100%)}
  100%{transform:translateX(0)}
}@keyframes rightIn{0%{transform:translateX(100%)}
   100%{transform:translateX(0)}
 }
.jq22-container{position:absolute;left:0;right:0;/*width:100%;height:100%;*/overflow:hidden;background: #333;background-size: cover;}
.jq22-container video{top: 0;position: relative;background-size: contain;overflow:hidden;opacity:1;transition:2s opacity;height: 100%;}
.video-pos{position:absolute;top:34px;left:28%}
.video-pos span{color:#fff;font-size:18px}
.video-pos p{color:rgba(255,255,255,.8);font-size:14px;width:447px;margin-top:10px}
.video-pos h2{font-size:40px;color:#fff;letter-spacing:4px;margin:10px 0}
.search-div:hover{opacity:1}
.search-div{margin-left:15px;vertical-align:middle;cursor:pointer;opacity:.8}
.search-div img{width:19px;display:inline-block;vertical-align:middle;position:relative;top:-2px}
.search-div span{color:#beac98}
*{transition:all ease-in .3s}
.head-content-box.cur .header-box{background:none}
.head-left-menu-show{overflow:hidden}
.menu-mask-div{display:none}
.head-left-menu-show .head-left-menu.to-hide{display:block;animation:hideMenu 0.3s ease-in forwards}
.head-left-menu-show .menu-mask-div.to-hide,.head-search-div-show .menu-mask-div.to-hide{display:block;animation:hideOpcity 0.3s ease-in forwards}
.head-left-menu-show .menu-mask-div,.head-search-div-show .menu-mask-div{display:block;width:100%;height:100%;position:fixed;background:rgba(0,0,0,.4);left:0;top:0;z-index:1000;animation:showOpcity 0.3s ease-in forwards}
.head-left-menu-show .head-left-menu{display:block;animation:showMenu 0.3s ease-in forwards}
@keyframes showSearch{0%{transform:translateY(-100%);opacity:0}
  100%{transform:translateY(0);opacity:1}
}@keyframes showMenu{0%{transform:translateX(-100%);opacity:0}
   100%{transform:translateX(0);opacity:1}
 }@keyframes hideMenu{0%{transform:translateX(0);opacity:1}
    100%{transform:translateX(-100%);opacity:0}
  }@keyframes showOpcity{0%{opacity:0}
     100%{opacity:1}
   }@keyframes hideOpcity{0%{opacity:1}
      100%{opacity:0}
    }.head-left-menu{display:none;position:fixed;left:0;top:0;z-index:1100;background:#333333;height:100%;padding:20px 0;width:250px;transform:translateX(-100%);opacity:0}
.menu-close-img{position:absolute;right:40px;width:30px;top:30px;cursor:pointer;opacity:.8}
.close-img{}
.close-img:hover{opacity:1}
.head-left-menu ul{padding-top:65px;max-height:calc(100vh - 200px);overflow-y:auto}
.head-left-menu ul li{padding:0 20px}
.head-left-menu li h3{color:#beac98;font-size:16px;padding:23px 0;font-weight:bold;border-bottom:1px solid #4a4948;cursor:pointer;margin-bottom:0}
.head-left-menu li h3:hover{color:#ffdcb5}
.head-left-menu li:hover .child-menu{display:block}
.head-left-menu .child-menu{display:none;padding-top:15px;transition:all ease-in .3s}
.head-left-menu li.cur .child-menu{display:block}
.head-left-menu li.cur h3{color:#ffdcb5}
.head-left-menu .child-menu a{color:#beac98;opacity:.3;display:block;font-size:14px;padding: 10px 0;cursor: pointer;}
.head-left-menu .child-menu a:hover{opacity:1}
.head-left-menu .child-menu a.cur{opacity:1}
.menu-bottom-box .header-checked{display:inline-block}
.menu-bottom-box .icon-weixin,.menu-bottom-box .icon-dianhua,.menu-bottom-box .icon-weibo{font-size:25px;vertical-align:middle}
.menu-bottom-box .header-hot{margin-bottom:10px;display:inline-block}
.menu-bottom-box{position:absolute;bottom:60px;left:10px}
.head-search-div-show{overflow:hidden}
.head-search-div-show .header-box{z-index:900;background:#1e1e1e !important}
.head-search-div-show .head-search-input{display:block;position:fixed;top:110px;width:100%;left:0;height:100px;border:none;text-indent:35px;font-size:20px;z-index:1100;animation:showSearch 0.3s ease-in forwards}
.head-search-div-show .head-search-input::-webkit-input-placeholder{color:#ddd}
.head-search-input{display:none}
.video-title-box{position:absolute;color:#beac98;z-index:300;display:flex;height:100vh;flex-direction:column;justify-content:center;left:10%}
.video-title-box h3{font-size:40px;font-weight:bold;letter-spacing: 5px;}
.video-title-box h2{font-size:90px;font-weight:bold;padding:10px 0}
.video-title-box p{color:#fff;opacity:.5;padding:15px 0}
.video-title-box img{margin-top:59px;position:absolute}
.series-li .swiper-slide{padding:0 30px;display:flex;box-sizing:border-box;justify-content:center;align-items:center;height:400px}
.more-button{background:#333;border:2px solid #333;width:85px;height:85px;border-radius:50%;display:flex;justify-content:center;align-items:center}
.more-button b:first-child{background:#fff;width:30px;height: 5px;display:block;}
.more-button b:last-child{background:#fff;width:5px;height:30px;position:absolute}
.more-font{text-align:center;margin:10px 0;font-size:14px}
.see-more-box:hover .more-button{background:#fff;border:2px solid #333}
.see-more-box:hover b{background:#333}
.hotel-box{width:100%;height: 13rem;padding: 1.6rem 110px 0;box-sizing:border-box;transition:all ease-in 0s !important;}
.hotel-content{width:550px;position:relative;width: 45vw;margin: 0 auto;box-sizing:border-box;text-align: center;background: #010101cf;padding: 30px 40px;}
.hotel-content h2{color:#beac98;margin-bottom:20px;font-size: 32px;}
.hotel-content p{color:#ffffff;font-size:14px;line-height:22px;text-align:justify;margin-bottom:25px}
.hotel-content:before{width:5px;height:158px;border-left:1px solid #beac98;border-right:1px solid #beac98;position:absolute;top:-10px;left:0;}
.hotel-img-box{margin-top:40px}
.hotel-img-box img{width:300px;}
.hotel-box-rig{margin-left:420px;margin-top:-60px;margin-left:25%}
.hotel-box-rig img{max-width:100%}
.hotel-img-title{text-align:center;margin-top:40px}
.hotel-img-title span{font-size:14px;color:#ffffff;display:block;margin-bottom:5px}
.design-box{background:#b2a189;margin:-90px 6vw 0;padding:35px 30px;box-sizing:border-box}
.design-list{border:1px dashed #fff;margin-right:25px;width:calc((100% - 29px) / 2);padding:20px 25px;box-sizing:border-box;height:215px;position:relative}
.design-list:before{content:'';position:absolute;bottom:0;right:0;background:url(../images/hotel-06.png) no-repeat;background-size:100%;width:150px;height:150px}
.design-list-two:before{background:url(../images/hotel-07.png) no-repeat;background-size:100%}
.design-list:nth-child(2){margin-right:0}
.design-list h4{font-size:16px;color:#fff;margin-bottom:13px}
.design-list p{font-size:14px;color:#fff;line-height:22px;margin-bottom:6px}
.design-aims{margin:70px auto 0;border-bottom:1px solid #ddd;position:relative;padding:0 150px 40px;padding:0 0 100px;position:relative;display: flex;align-items: center;}
.design-aims h3{color:#86755e;font-size:24px;margin-bottom:35px;position:relative}
.design-aims h3:before{width:43px;height:8px;background:#b2a189;content:'';position:absolute;top:-18px;left:0}
.design-aims-left{width:400px;margin-right:100px;position:relative;z-index:1;}
.design-lf-list{position:relative;padding:0 66px 0 65px;margin-bottom:35px}
.design-lf-list h5{width:32px;height:32px;border-radius:100%;background:#c9a960;text-align:center;line-height:32px;font-size:14px;color:#333333;position:absolute;top:0;left:0}
.design-lf-list span{font-size:16px;color:#333;margin-bottom:10px;display:block;font-weight:bold}
.design-lf-list p{text-align:justify;font-size:14px;color:#333}
.design-explain{padding:20px;background:#fffaef;border:1px dashed #c9a960;color:#73530b;line-height:28px;font-size:14px}
.design-aims-rig{bottom:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;width: 40%;margin-left: 40px;margin-top: 50px;}
.design-aims-rig img{max-width: 500px;}
.design-aims-rig span{display:block;text-align:center;font-size:16px;margin-top:15px;color:#000}
.region-box{margin:60px auto 0;border-bottom:1px solid #ddd;padding:0 0vw 30px}
.region-box h2{font-size:20px;color:#000;text-align:center}
.region-box-sp{font-size:14px;color:#333;display:block;margin:20px 0 50px;text-align:center}
.region-list{position:relative;margin:0 1vw;width:calc((100% - 8vw) / 4);height:275px;text-align:center;display:flex;align-items:center;justify-content:center}
.region-list span{display:block;font-size:16px;color:#000000;font-weight:bold;position:absolute;bottom:0;text-align:center;width:100%}
.region-list img{max-width:100%;max-height:245px;margin-bottom:20px;border-radius:10px}
.region-img{}
.region-img img{width: 1000px;}
.work-box{margin:45px 0 0}
.work-box h4{font-size:18px;color:#000;font-weight:bold;margin-bottom:25px}
.work-box-ul{}
.work-box-ul li{background:#f1f1f1;float:left;margin-right:15px;width:calc((100% - 45px) / 4);padding:25px 25px 25px 70px;box-sizing:border-box;position:relative}
.work-box-ul li:nth-child(4n){margin-right:0}
.work-box-ul li img{position:absolute;left:25px;top:31px;max-width:30px}
.region-height{font-size:14px;color:#000000;margin-bottom:3px}
.region-limit{color:#000;font-size:20px}
.lamp-ul{margin-top:20px;width:100%}
.lamp-ul li{
  float: left;
  width: calc((100% - 100px) / 3);
  margin-bottom: 10px;
  background: #f1f1f1;
  padding: 10px;
  border-radius: 10px;
  margin-right: 10px;
}
.lamp-ul li:hover .lamp-li-lf span{color:#c88f0f}
.lamp-li-lf{float:left;width:calc(50% - 50px);text-align:center;margin-right:20px;margin-top:20px}
.lamp-li-lf img{max-width:50%}
.lamp-li-lf span{
  display: block;
  margin-top: 10px;
  color: #122a42;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lamp-li-rig{float:left;width:50%}
.lamp-li-rig p{font-size:12px;color:#122a42;margin-bottom:5px;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.lamp-ul li:nth-child(3n){margin-right:0}
.lamp-bot{font-size:16px;color:#000;font-weight:bold}
.case-box{margin:35px auto;padding:0 0 30px}
.case-box h4{font-size:20px;color:#333333;font-weight:bold;text-align:center}
.case-box-btn{margin:25px 0 50px;text-align:center;display:flex;justify-content:center}
.case-box-btn a{height:32px;text-align:center;line-height:32px;display:block;float:left;font-size:14px;color:#555;padding:0 20px;margin-right:10px;cursor:pointer}
.case-ul{width:100%}
.case-ul li{margin:0 25px 25px 0;width:calc((100% - 75px) / 4);float:left;text-align:center;overflow:hidden;height: 138px;vertical-align:middle;}
.case-ul li img{vertical-align:middle;width:100%;cursor:pointer}
.case-ul li img:hover{transform:scale(1.1)}
.case-ul li:nth-child(4n){margin-right:0}
.case-box-btn a:hover{background:#d7af6c;color:#fff}
.case-box-btn a.cur{background:#beac98;color:#fff}
.hotel-light-box{padding:0 120px;padding:0 8vw}
.hotel-contact-box{padding: 80px 0px;display: none;}
.hotel-contact-hd{text-align:center;color:#edd9aa;font-size:18px;margin-bottom:5px}
.hotel-contact-sp{font-size:20px;color:#edd9aa;text-align:center;display:block}
.contact-dix-lf{
  margin-right: 140px;
}
.contact-dix-rig{}
.contact-dix{width: 1000px;margin:100px auto 0;color:#edd9aa;display:  flex;justify-content: center;}
.contact-dix .right_con.right-textarea{width:440px}
.hotel-submit-btn{width:160px;height:37px;display:block;border: none;background:#edd9aa;text-align:center;line-height:37px;font-size:14px;color:#282828;margin-left:90px;margin-top:30px;cursor:pointer;}
.hotel-submit-btn:hover{background:#f6dc9e;color: #333;}
.down-box{margin-bottom:20px}
.left-con{float:left;width:90px;font-size:14px}
.right-con{float:left}
.right-con select{width:150px;height:26px;border:none;}
.right-con textarea{width:443px;height:96px;padding:10px;box-sizing:border-box;border: none;}
.right-con input{width:260px;height:26px;border: none;}
.right-conc.x-code input{width:150px;height:26px;border: none;}
.right-conc.x-code img{vertical-align:middle;height:26px}
.right-conc.x-code a{color:#edd9aa;font-size:14px;margin-left:5px;line-height:26px}
.company-name{}
.cn-name{font-size:20px;margin-bottom:2px}
.en-name{font-size:18px}
.c-detail{margin:25px 0 55px}
.c-detail p{font-size:14px;line-height:20px;margin-bottom:10px}
.c-more{}
.c-more p{font-size:14px;margin-bottom:5px}
@media screen and (max-width:1800px) and (min-width:1600px){.hotel-box{padding:22vh 7vw 0}
  .hotel-content{width:32vw}
  .hotel-box-rig img{max-width:90%}
  .hotel-light-box{padding:0 7vw}
  .design-aims-rig img{/* max-width: 100%; */}
  .design-aims-rig{text-align:center}
  .region-img img{max-width:100%}
  .contact-dix{padding-left:0}
  .hotel-box-rig{margin-top:-40px}
}@media screen and (max-width:1450px) and (min-width:1350px){.ex-bot-box{width:1100px}
  .hotel-box{padding:22vh 7vw 0}
  .hotel-content{width:45vw}
  .hotel-content p{font-size:12px;margin-bottom:10px}
  .hotel-content h2{margin-bottom:10px;font-size:20px}
  .hotel-box-rig img{max-width:60%}
  .hotel-light-box{padding:0 7vw}
  .design-aims-rig img{
    max-width: 450px;
  }
  .design-aims-rig{text-align:right}
  .region-img img{max-width:100%}
  .contact-dix{padding-left:0}
  .hotel-box-rig{margin-top:-40px;margin-left:0;float:right}
  .hotel-img-title{text-align:left;margin-top:20px;padding-left:5vw}
  .hotel-img-box{margin-top:20px}
  .hotel-img-box img{width:250px}
  .design-box{margin:-70px 5vw 0;padding:25px 20px}
  .design-list p{font-size:12px;line-height:19px;margin-bottom:5px}
  .design-list{height:195px;padding:15px 20px}
  .design-list:before{width:120px;height:120px}
  .contact-dix{width:100%}
}.design-aims-left h4{color:#86755e;font-weight:bold;font-size:16px;margin:20px 0 10px}
.design-aims-left p{font-size: 12px;line-height:2;color:#333;}
.wd-region span{font-size:14px;width: 100%;text-align: center;}
.wd-region img{height: 150px;width:auto;border-radius:10px;display:block;margin-bottom:20px;}
.flex-region{display:flex;justify-content:center;text-align: center;}
.flex-region .wd-region{margin:0 50px;}
.ex-box img{width:100%;vertical-align:middle}
.ex-bot-box{width:1200px;margin:30px auto}
.ex-list-one{margin-bottom:10px}
.ex-list-one img{vertical-align:middle;width:100%}
.ex-list-one video{vertical-align:middle;width:100%}
.ex-list-lf{float:left;width:calc((100% - 10px) / 2)}
.ex-list-lf img{vertical-align:middle;width:100%}
.ex-list-rig{float:right;width:calc((100% - 10px) / 2)}
.ex-rig-box{margin-bottom:10px}
.ex-rig-box img{vertical-align:middle;width:100%}
.ex-list-two{margin-bottom:10px}
.ex-list-rg{float:right;width:calc((100% - 10px) / 2)}
.ex-list-rg img{vertical-align:middle;width:100%}
.ex-pro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);text-align:center;flex-direction:column;opacity:0;cursor:pointer}
.ex-pro h3{font-size:19px;color:#fff;transition:transform .35s}
.ex-pro p{color:#fff;font-size: 14px;margin-top:10px;transition:transform .35s;}
.ex-pro:hover{opacity:1}
.ex-video{width:90px;height:35px;text-align:center;line-height:35px;background:rgba(0,0,0,.7);border-radius:4px;margin-top:30px;cursor:pointer}
.ex-video i{font-size:16px;color:#beac98}
.ex-video:hover{background:#343434}
.mask-box{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:11;display:none}
.mask-box .jq22-container{width:85vw;height:100vh;margin:auto;position:relative;display:flex}
.closed-btn{position:fixed;right:10px;top:25px;z-index:12}
.closed-btn{width:55px;height:36px;text-align:center;cursor:pointer}
.closed-btn-one{width:2px;height:30px;background:#fff;transform:rotate(-45deg);margin-left:20px}
.closed-btn-two{width:2px;height:30px;background:#fff;transform:rotate(45deg);margin-top:-30px;margin-left:20px}
.closed-btn:hover .closed-btn-one{height:40px}
.closed-btn:hover .closed-btn-two{height:40px;margin-top:-40px}
.apply-button{width:114px;height:34px;margin:auto;color:#ffffff;border:1px solid transparent;outline:none;background-color:#d0a952;cursor:pointer;display:inline-block;margin-left:20px;line-height:34px;text-align:center}
.apply-button:hover{background-color:#eaaa1b;color:#fff}
.work-box .all-case-ul{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;margin-bottom:20px}
.work-box .all-case-ul li.cur,.work-box .all-case-ul li:hover{background: #beac98;color: #fff;}
.work-box .all-case-ul li{
  margin: 0 10px;
  display: block;
  font-size: 13px;
  width: 133px;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  border: 1px solid #ddd;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
  padding: 10px 10px;
}
.recruitment-application{width:688px;height: 490px;background-color:#ffffff;position:absolute;top:50%;left:50%;z-index:3;margin-left:-389px;padding: 30px 18px 27px 18px;margin-top:-215px;}
.recruitment-application h1{font-size:24px;text-align:center;color:#000000;margin-bottom:20px}
.application-box{width:634px;height:254px;margin-left:54px}
.application-box-list{margin-bottom:12px}
.list-title{width:91px;font-size:14px;display:inline-block;color:#000000}
.application-box-list input{width:260px;padding: 5px 6px;box-sizing:border-box;}
.upload{width:88px;height:28px;color:#747474;border:1px solid #dddddd;outline:none;background-color:#eeeeee;margin-right:15px;cursor:pointer}
.upload:hover{background:#949393;color:#fff}
.verification-code{margin-bottom:-6px}
.application-button{position:absolute;bottom:20px;right:20px}
.application-button a{width:114px;height:34px;color:#ffffff;border:1px solid transparent;outline:none;cursor:pointer;display:block;text-align:center;float:left;line-height:34px}
.cancel-button{background-color:#bbbbbb;margin-right:5px}
.submit-button{background-color:#1e1e1e}
.submit-button:hover{background:#3e3c3c}
.cancel-button:hover{background:#6c6969}
.company-box{position:absolute;text-align:center;width:100%;bottom:360px}
.top-text{font-size:45px;color:#ffffff;font-weight:lighter;margin-bottom:10px}
.bot-text{font-size:35px;color:#ffffff}
.line-circle{width:7px;height:7px;border-radius:100%;background:#ddd;position:absolute;bottom:185px;left:50%;margin-left:-3px}
.line-circle:before{content:'';height:150px;width:1px;background:#ddd;position:absolute;bottom:0;opacity:0.4}
.class-box-dix{margin-bottom: 20px;text-align:center;}
.class-box-dix h2{font-weight:bold;color:#333;font-size:18px}
.class-box-dix span{font-size:14px;color:#555;margin-top:10px;display:block}
.wx-point{cursor:pointer;margin-top:10px;display:block}
.wx-point img{display:none;position:absolute;top:-110px;left:15px}
.wx-point:hover img{display:block}
.ex-box{
  padding-top: 110px;
  height: 37vw;
  display: flex;
  position: relative;
}
.exp-hd-content{
  background: #4a4644;
  width: 45%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding-left: 4rem;
}
.exp-hd-content h3{
  color: #fff;
  font-size: 24px;
  display: inline-block;
}
.exp-hd-content h4{
  display: inline-block;
  color: #fff;
  margin-left: 5px;
}
.exp-hd-content label{
  font-size: 18px;
  color: #bcab97;
  font-weight: bold;
  display: block;
  padding-top: 10px;
}
.exp-hd-content p{
  color: #bcab97;
  line-height: 2;
}
.exp-hd-content label span{
  border-left: 1px solid #bcab9742;
  margin: 0 10px;
}
.exp-hd-content b{
  font-size: .25rem;
  color: #fff;
  letter-spacing: 0px;
  padding: 10px 0;
  display: block;
}
.exp-img-box{
  display: flex;
  height: 100%;
  position: relative;
  width: 55%;
  overflow: hidden;
  z-index: 0;
}
.exp-img-box>div{
  position: absolute;
  height: 100%;
  width: 25%;
  overflow: hidden;
}
.exp-img-box>div.hover{
  width: 100%;
  z-index: 100 !important;
  left: 0 !important;
}
.exp-img-box>div.hover img{transform:translateX(0%) !important;}
.exp-img-box>div:after{content:'';display: block;width: 1px;height: 100%;background: #ffffff3d;position: absolute;z-index: 1;top: 0;right: 0;}
.exp-img-box>div h5{
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 0;
  width: 80px;
  line-height: 80px;
  font-size: 16px;
  bottom: 0;
  height: 80px;
  background: #beac9887;
  border-radius: 50%;
  color: #fff;
}
.exp-img-box>div:nth-child(1){
  left: 0;
  z-index: 1;
}
.exp-img-box>div:nth-child(2){
  left: 25%;
  z-index: 2;
}
.exp-img-box>div:nth-child(3){
  left: 50%;
  z-index: 3;
}
.exp-img-box>div:nth-child(4){
  left: 75%;
  z-index: 4;
}

.exp-img-box>div:nth-child(1) img{
}
.exp-img-box>div:nth-child(2) img{
  transform: translateX(-25%);
}
.exp-img-box>div:nth-child(3) img{
  transform: translateX(-50%);
}
.exp-img-box>div:nth-child(4) img{
  transform: translateX(-75%);
}
.exp-img-box img{
  width: initial;
  height: 100%;
  position: relative;
}
.ehc-border{border-left: 1px solid #bcab973d;padding: 30px;}
.video-pagination{
  position: absolute;
  bottom: 30px;
  width: 500px;
  height: 10px;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: flex;
  border-radius: 30px;
}
.video-pagination-div{
  width: 100%;
  background: #333333f5;
  height: 7px;
  margin-right: 20px;
  cursor: pointer;
  border-radius: 10px;
  position: relative;
}
.video-pagination-div.cur{
}
.video-pagination-div.cur:after{
  content:'';
  background: #beac98;
  animation: vPagination 15s linear infinite;
  position: absolute;
  height: 7px;
  border-radius: 10px;
}
.detail-bot{width:100%;height: 7rem;background: url(../images/bot.jpg) no-repeat;background-size: cover;display:  flex;flex-direction:  column;align-items:  center;justify-content: center;}
.detail-bot h2{font-size: 25px;color:#e6c18d;text-align: center;margin-bottom: 10px;letter-spacing:  2px;}
.detail-bot h5{font-size: 12px;color:#e6c18d;text-align: center;margin-bottom: 25px;}
.contact-detail-btn{background: #e6c18d;padding: 9px 30px;color: #333;font-weight: bold;}
.contact-detail-btn:hover{color:#f1c17e;background: rgba(0,0,0,.4)}
.title-font{
  color: #fff;
  font-size: 24px;
  text-indent: 19px;
  line-height: 1;
  margin-bottom: 20px;
}
.title-font:after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 3px;
  left: -1px;
}

@keyframes vPagination{
  0%{width:0%}
  100%{width:100%}
}
.sj-index-box{
  width: 100%;
  padding: 70px 0 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sj-index-box .ex-box{padding-top:0 !important;}

@media only screen and (max-width: 1366px){
  .businessschool-top,.pd-bg{padding-top: 90px !important;}
  .header-box{
    height: 90px;
  }
  .header-menu{
    width: 30px;
  }
  .header-logo{
    width: 145px;
  }
  .companyculture{
    padding: 90px 0 180px !important;
  }
  .recruitment,.cimpanyprofile,.out_box,.electricianElectrical,.ex-box,.product-info,.intellgent-box{
    padding-top: 90px !important;
  }
}

/*鎵嬫満绔嚜閫傚簲*/
@media screen and (max-width: 1025px) and (min-width: 320px){
  .banner video{display: none}
  .index-box .swiper-button-next,.index-box .swiper-button-prev{display:none !important}
  .pd-bg{padding-top:1.5rem !important;}
  .picture-left-a{
    display: flex !important;
  }
  .jq22-container img{
    height: 100%;
  }
  .header-rig i{
    display: none;
  }
  .index-box.swiper-container{
    height: 60vh;
  }
  .swiper-container-horizontal>.swiper-pagination-top{
    width: 60%;
    height: .05rem;
    bottom: .3rem;
    left: 0;
    right: 0;
  }
  .series-li .swiper-slide{
    height: auto;
    padding: 0 .2rem;
  }
  .swiper-slide-phone{
    display: block !important;
  }
  .series-bot{
    height: auto;
  }
  .index-box .swiper-pagination{
    display: block !important;
    background: #333333f5;
    margin: auto;
  }
  .index-box .swiper-phone{
    display: block !important;
  }
  .index-series-swiper{
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .index-box .swiper-scrollbar-drag{
    background: #beac98;
  }
  .video-pagination{
    display: none;
  }
  .video-title-box img{
    width: 100%;
    margin-top: .3rem !important;
  }
  .jq22-container video{
    height: 5rem;
  }
  .mask-box .jq22-container{height:100vh;width:100%;align-items: center;}
  .video-title-box{
    height: 60vh;
  }
  .video-title-box h2{
    font-size: 13px;
  }
  .video-title-box h3{
    font-size: 19px;
  }
  .index-filed{
    padding: .5rem .2rem;
  }
  .index-filed a{
    font: 25px 'microsoft yahei';
  }
  .index-filed-h2{
    font-size: .45rem;
    margin-bottom: .3rem;
  }
  .index-series{
    padding: .5rem .2rem !important;
  }
  .index-series-menu{
    margin-bottom: .2rem;
    padding: 0 .3rem .2rem;
  }
  .index-series-ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .index-series-ul li{
    width: 45%;
    padding: .2rem .1rem;
    border: #ccc 1px solid;
    border-radius: 5px;
    text-align: center;
    margin-bottom: .2rem;
  }
  .index-series-ul .phone-li{
    width: 100%;
  }
  .index-series-ul li a{
    display: block;
    font-size: .28rem;
    line-height: .5rem;
  }
  .index-series-ul li:before{
    display: none;
  }
  .index-box.swiper-container .swiper-slide:after{
    background: rgba(000,000,000,0.4);
  }
  .index-filed-top{
    margin-bottom: .1rem;
    display: flex;
    flex-direction: column;
  }
  .index-file-left{
    margin: 0 .1rem .1rem 0;
    width: calc(100% - .1rem);
  }
  .index-file-rig{
    width: calc(100% - .1rem);
  }
  .index-file-rig-top{
    margin-bottom: .1rem;
  }
  .index-filed-bot-list{
    width: calc(100% / 2 - .1rem);
    margin: 0 .1rem .1rem 0;
  }
  .file-left-a span{
    font-size: .45rem;
    margin-bottom: .1rem;
  }
  .file-left-a p{
    display: none;
  }
  .index-series-swiper .swiper-container{
    width: calc(100% / 2);
    padding-bottom: 1rem;
    margin: 0;
  }
  .index-series{
    padding: 1rem 10%;
  }
  .index-series-swiper a{
    font: 25px 'microsoft yahei';
  }
  .more-button b:first-child{
    width: 20px;
    height: 4px;
  }
  .more-button b:last-child{
    height: 20px;
    width: 4px;
  }
  .series-top-sp{
    font-size: .3rem;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .series-bot-sp{
    font-size: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    padding: 5px 0;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 5px;
  }
  .more-button{
    width: 1rem;
    height: 1rem;
  }
  .more-font{
    margin: .1rem 0;
    font-size: .25rem;
  }
  .menu-series{
    padding: 0 .2rem;
  }
  .index-picture{
    width: calc(100% - 0.05rem);
    padding: 0;
    margin-left: .05rem;
    margin-bottom: 0.05rem;
  }
  .index-picture-left{
    width: calc(50% - .05rem);
    margin-right: 0.05rem;
  }
  .mb1{
    margin-bottom: .05rem;
  }
  .index-picture-cot{
    width: calc(50% - .05rem);
    margin-right: 0.05rem;
  }
  .index-picture-rig{
    width: calc(100% - .05rem);
    margin-top: .05rem;
  }
  .index-picture a{
    font: 25px 'microsoft yahei';
  }
  .box-top{
    font-size: .3rem;
  }
  .box-top:before{
    width: .5rem;
    left: 50%;
    top: .5rem;
  }
  .box-more{
    font-size: .2rem;
  }
  .series-bot img{
    max-width: 50%;
  }

  /*瀹炴櫙浣撻獙*/
  .ex-box{
    height: auto;
    padding-top: 1rem !important;
    flex-direction: column;
  }
  .exp-hd-content{
    width: 100%;
    padding-left: 0;
    display: block;
  }
  .ehc-border{
    border: none;
    padding: .4rem;
  }
  .exp-hd-content h3{
    font-size: 12px;
  }
  .exp-hd-content h4{
    font-size: .3rem;
    margin-left: 0;
  }
  .exp-hd-content label{
    font-size: .35rem;
  }
  .exp-hd-content label span{
    border-left: 1px solid rgba(188, 171, 151, 0.26);
  }
  .exp-hd-content b{
    font-size: 18px;
    padding: .15rem 0;
  }
  .exp-hd-content p{
    font-size: .2rem;
  }
  .exp-img-box{
    width: 100%;
    height: 7rem;
  }
  .exp-img-box>div:after{
    background: rgba(255, 255, 255, 0.23921568627450981);
  }
  .ex-bot-box{
    width: 95%;
    margin: .2rem auto;
  }
  .ex-bot-box>div:nth-child(2){
    display: flex;
    flex-direction: column;
  }
  .ex-list-parlour{
    width: 100%;
  }
  .ex-list-right{
    width: 100%;
    margin-top: .2rem;
  }
  .ex-pro{
    opacity: 1;
  }
  .ex-pro>div:nth-child(1){
    width: 80%;
  }
  .ex-pro h3{
    font-size: .35rem;
  }
  .ex-pro p{
    font-size: .3rem;
    margin-top: .1rem;
  }
  .ex-video{
    width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    margin-top: .2rem;
  }
  .ex-video i{
    font-size: .3rem;
    margin-left: .1rem;
  }
  .ex-bot-box .mask-box{
    display: none;
  }

  /*浜у搧鏈嶅姟-鍏ㄩ儴*/
  .recruitment{
    padding-top: 1rem !important;
  }
  .recruitment .product-info{
    padding: 0 !important;
  }
  .product-info{
    padding: 1.5rem 0 .2rem !important;
  }
  .recruitment .product-info > div{
    height: 30vh !important;
  }
  .recruitment .product-pic{
    padding: 0;
  }
  .recruitment .product-txt{
    padding: 0;
  }
  .recruitment .product-pic img{
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width:100%;
    height:auto;
  }
  .recruitment .txt-style{
    height: auto;
  }
  .recruitment .product-series{
    height: auto;
    font-size: .4rem;
    margin-bottom: .1rem;
  }
  .recruitment .product-feature{
    height: auto;
    font-size: .25rem;
    margin-bottom: .1rem;
  }
  .recruitment .product-more a{
    font-size: .25rem;
  }

  /*瀹ゅ唴鐓ф槑*/
  .type-bg-img{
    margin-top: 0;
    padding: 0;
    height: 3.5rem;
  }
  .bread-crumbs{
    margin: 0 auto;
    width: 95%;
    height: 1rem;
    line-height: 1rem;
  }
  .bread-crumbs span{
    font-size: .35rem;
  }
  .bread-crumbs a{
    font-size: .3rem !important;
  }
  .product-list{
    padding-top: .2rem;
  }
  .list-classify{
    font-size: .4rem;
    margin-bottom: .3rem;
  }
  .list-feature{
    margin: 0;
  }
  .list-view{
    width: calc(100% - .4rem) !important;
    padding: 0 .2rem;
  }
  .list-view ul{
  }
  .list-view li::before{top: 2px;}
  .list-view li{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 26%;
  }
  .expand-btn{
    width: 1rem;
    height: auto;
    margin: .3rem auto;
  }
  .expand-btn img{
    width: .3rem;
    margin-bottom: .1rem;
  }
  .expand-btn p{
    font-size: .3rem;
  }
  .product-pic{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: .3rem 0;
  }
  .product-pagination{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
  }
  .product-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
  }
  .clb-pc{
    display: none;
  }
  .clb-phone{
    width: 100%;
    display: flex !important;
    justify-content: center;
    padding-bottom: .3rem !important;
  }
  .product-pagination li{
    width: 4rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .1rem;
    margin-bottom:10px;
    margin-right:10px
  }
  .product-pagination li a{
    line-height: .7rem;
    font-size: .3rem;
  }
  .detail-bot{
    width: calc(100% - .6rem);
    height: auto;
    padding: 1.4rem .3rem;
  }
  .detail-bot h2{
    font-size: .35rem;
    margin-bottom: .2rem;
  }
  .detail-bot h5{
    font-size: .2rem;
    margin-bottom: .25rem;
  }
  .contact-detail-btn{
    width: 2.5rem;
    padding: 0.2rem .3rem;
    font-size: .25rem;
    text-align: center;
    margin-top: 10px;
  }
  .product-pic > div{
    width: calc(50% - 60px);
    height: auto;
    margin-bottom: 0;
    margin: 0;
    padding: 10px 30px;
  }
  .product-single .model-number{
    font-size: .25rem;
    padding: .2rem 0 0;
    line-height: .3rem;
    margin: 10px;
  }
  .product-single .model-series{
    font-size: .25rem;
    margin: 0;
    line-height: .4rem;
  }

  /*搴曢儴鑱旂郴鎴戜滑*/
  .contact-dix {
    width: 100%;
    margin: 0.2rem auto 0;
    flex-direction: column;
  }
  .contact-dix-lf {
    width: 90%;
    margin: 0 auto !important;
  }
  .hotel-contact-box {
    display: none;
    padding: 0.2rem 0;
    background-size: cover !important;
  }
  .hotel-contact-hd {
    text-align: center;
    font-size: 0.35rem;
    margin-bottom: 5px;
  }
  .hotel-contact-sp {
    font-size: 0.3rem;
  }
  .cn-name {
    font-size: 0.35rem;
    margin: 0 !important;
  }
  .en-name {
    font-size: 0.32rem;
  }
  .contact-dix-rig {
    width: 90%;
    margin: 0.2rem auto 0!important;
  }
  .c-detail p {
    font-size: 0.3rem;
    line-height: 0.4rem;
    margin-bottom: 0.01rem;
  }
  .c-detail {
    margin: 0.2rem 0 0.3rem;
  }
  .c-more p {
    font-size: 0.29rem;
    margin: 0 !important;
  }
  .left-con {
    float: left;
    width: 100%;
    font-size: 0.3rem;
    line-height: 0.6rem;
  }
  .right-con {
    width: 100%;
    float: left;
  }
  .right-con select {
    width: 100%;
    height: 0.6rem;
    border: none;
    font-size: .3rem;
    padding: 0;
  }
  .down-box {
    margin-bottom: 0.1rem;
  }
  .right-con textarea {
    width: 100%;
    height: 3rem;
    padding: 0.2rem;
  }
  .right-con input {
    width: 100%;
  }
  .right-conc.x-code a {
    font-size: 0.25rem;
    margin-left: .1rem;
    line-height: 0.6rem;
  }
  .right-conc.x-code input {
    width: 2.6rem;
    border: none;
  }
  .hotel-submit-btn {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
    padding: 0;
    margin: 0.2rem auto !important;
  }
  .right-conc.x-code img{
    margin-left: .1rem;
  }


  /*鍒/鎺掑眿椤甸潰*/
  .hotel-box{
    background-size: cover !important;
  }
  .hotel-light-box{
    width: 100% !important;
    margin-bottom: .2rem !important;
  }
  .design-aims{
    margin: .5rem auto 0;
    flex-direction: column;
    padding: 0 0 .5rem;
  }
  .design-aims h3{
    padding: 0 .2rem;
    font-size: .4rem;
    margin-bottom: 0;
  }
  .design-aims h3:before{
    width: .9rem;
    height: .1rem;
    left: .2rem;
    top: -.2rem;
  }
  .design-aims-left{
    width: calc(100% - .4rem) !important;
    margin-right: 0;
    padding: 0 .2rem;
  }
  .design-aims-left h4{
    font-size: .3rem;
    margin: .2rem 0 .1rem;
  }
  .design-aims-left p{
    font-size: 12px;
  }
  .design-aims-rig{
    width: 90%;
    margin: .2rem 0 0;
  }
  .design-aims-rig img{
    max-width:60%;
    margin-top:30px;
  }
  .design-aims-rig span{
    font-size: .3rem;
    margin-top: .2rem;
  }
  .region-box{
    margin: .5rem 0;
    padding: 0 .1rem;
  }
  .region-box h2{
    font-size: .4rem;
  }
  .region-box-sp{
    font-size: .3rem;
    margin: .2rem 0 .3rem;
  }
  .region-box>div:nth-child(3){
    width: 100% !important;
    display: flex;
    flex-direction: column;
  }
  .region-list{
    width: calc(100% - .4rem) !important;
    height: auto !important;
    margin: 0 0 .5rem;
    padding: 0 .2rem;
  }
  .region-list img{
    max-width: 60% !important;
  }
  .region-list span{
    font-size: 12px;
  }
  .work-box{
    width: calc(100% - 0.6rem);
    margin: .2rem .3rem auto;
  }
  .work-box h4{
    font-size: .4rem;
    margin: 15px;
  }
  .region-img img{
    width: 100%;
  }
  .lamp-ul{
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .lamp-ul li{
    margin: 0 0 .2rem;
    width: calc(100% - .4rem);
    padding: .2rem;
  }
  .lamp-ul li>a:nth-child(1){
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .lamp-li-lf{
    width: 35%;
    margin: 0;
  }
  .lamp-li-lf span{
    margin-top: .1rem;
  }
  .lamp-li-rig{
    width: 60%;
  }
  .lamp-li-rig p{
    font-size: .3rem;
    margin-bottom: .1rem;
  }
  .case-ul{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
  }
  .case-ul>li:nth-child(7){
    margin-bottom: .1rem;
  }
  .case-ul>li:nth-child(8){
    margin-left: .25rem;
    margin-bottom: .1rem;
  }
  .case-ul li{
    width: 48%;
    height: 2rem !important;
    margin: 0 0 .25rem;
  }
  .work-box-ul{
    display: flex;
    flex-direction: column;
  }
  .work-box-ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: .2rem;
    padding: .2rem 0 .2rem 1.5rem;
  }
  .work-box-ul li img{
    top: 0;
    bottom: 0;
    left: .5rem;
    max-width: .5rem;
    margin: auto 0;
  }
  .region-height{
    font-size: .3rem;
    margin-bottom: .1rem;
  }
  .region-limit{
    font-size: .35rem;
  }
  .flex-region .wd-region{
    margin: 0 auto;
  }
  .wd-region img{
    width: 60%;
    height: auto !important;
    margin: auto;
  }
  .case-sight-ul{
    flex-direction: column;
  }
  .case-sight-ul li{
    width: 100%;
    height: auto !important;
  }
  .case-sight-ul li img{
    width: 100%;
    margin: 0;
  }
  .wd-region span{
    font-size: .3rem;
    line-height: 1rem;
  }

  /*鍏朵粬鐓ф槑*/
  .work-box .all-case-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.3rem;
    padding-bottom: .2rem;
  }
  .work-box .all-case-ul li {
    width: 38%;
    height: 30px;
    /* margin: 0 0 .1rem !important; */
    /* display: block; */
    /* padding: 0.1rem 0; */
    /* border-bottom: 2px solid #fff; */
  }
  .work-box .all-case-ul .ta_text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .work-box .case-ul li img {
    width: 120%;
  }

  /*鍔犺浇鍔ㄧ敾*/
  .spinner {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    height: 100vh;
    width: 100%;
    z-index: 9999;
  }
  .spinner > div {
    text-align: center;
    width: 10px;
    height: 10px;
    background-color: #604a33;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative;
    top: 48%;
    left: -25%;
  }
  .load-img{
    width: 180px;
    position: relative;
    top: 42%;
    left: 4%;
  }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  @-webkit-keyframes bouncedelay {
    0%, 10%, 20% { -webkit-transform: scale(0.0) }
    10% { -webkit-transform: scale(1.0) }
  }
  @keyframes bouncedelay {
    0%, 10%, 20% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
    } 10% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
  }
  .work-box .all-case-ul li.cur, .work-box .all-case-ul li:hover{
    background: #beac98;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #beac98;
  }

  /*鎼滅储鍐呴〉*/
  .product-list-box .bread-crumbs{
    padding: 0 0 .3rem !important;
    height: auto;
  }
  .product-list-box .bread-crumbs h3{
    font-size: 32px !important;
    padding: .1rem 0;
  }
  .product-list-box .bread-crumbs input{
    width: calc(60% - .2rem) !important;
    height: 34px !important;
  }
  .product-list-box .search-btn-box{
    width: calc(30% - .2rem) !important;
    padding: 10px;
    height: 34px !important;
    line-height: 34px !important;
    top: -2px;
  }
  .product-list-box .search-btn-box img{
    width: 17px !important;
  }
  .product-list-box .bread-crumbs span{
    font-size: 16px !important;
  }
  .index-series-swiper .swiper-button-next,.index-series-swiper .swiper-button-prev{display: none !important;}
  .hotel-box{height:7rem}
  .sj-index-box{padding:30px 0 0px}
  .sj-index-box .ex-box{padding-top:0 !important;}
}

/*pad鑷€傚簲*/
@media screen and (max-width: 1025px) and (min-width: 760px){
  .index-box .swiper-button-next,.index-box .swiper-button-prev{display:block !important}
  .index-series-ul li{
    width: 31.5%;
    padding: .1rem .1rem;
    margin-right: 5px;
  }
  .index-series-ul li:nth-child(3n){margin-right:0 }
  .index-series-ul li a{font-size: .20rem}
  .index-series-ul{justify-content: left;width: calc(100% - 60px);}
  .index-series-menu{padding:0}
  .index-file-left{margin:0;margin-right:10px;width:calc(50% - 10px)}
  .index-file-rig{width:calc(50% - 10px)}
  .index-filed-bot-list{margin:0;margin-right:10px;width:calc(100% / 4 - 10px)}
  .index-filed-top{flex-direction: initial;}
  .about-us{padding:0 .2rem .5rem}
  .index-picture-left{
    width: calc(25% - 1px);
    margin-right: 1px;
  }
  .index-picture-cot{
    width: calc(25% - 1px);
    margin-right: 1px;
  }
  .index-picture-rig{
    width: calc(50% - 2px);
    margin-top:0;
  }
  .exp-img-box{height: 12.5rem;}
  .index-box.swiper-container,.video-title-box{height: 10rem;}
  .right_con{
    margin: auto;
  }
  .n_text,.b_text,.n_text{margin-left:0 !important;}
  .left_con{display:none}
  .company-box{top:45% !important;}
  .ehc-border{padding:50px .4rem}
  .companyculture-center{margin-bottom:-130px !important}
  .region-box>div:nth-child(3){width:inherit;display:block;flex-direction:inherit}
  .design-aims-left{
    width: 80%;
    margin-right: 0;
    padding: 0 .2rem;
  }
  .series-bot img{max-width:40%}
  .region-list{
    margin: 0 1vw;
    width: calc((100% - 8vw) / 4) !important;
    height: 200px !important;
    padding:0
  }
  .region-list img{max-width:80% !important;max-height: 150px;}
  .work-box{width:calc(100% - 30px);margin-top: 50px;}
  .footer-copyright{margin: .4rem auto 0}
  .lamp-ul{
    flex-direction:inherit;
    flex-wrap:wrap;
    justify-content:inherit;
  }
  .lamp-ul li{
    margin: 0 5px 10px;
    width:calc((100% - 100px) / 3);
    padding:10px;
  }
  .lamp-li-rig p{
    font-size: 11px;
  }
  .hotel-light-box{
    width:90% !important;
    margin-top: 50px !important;
  }
  .flex-region .wd-region{width:50%}
  .case-sight-ul{
    flex-direction: inherit;
    justify-content: inherit;
  }
  .case-sight-ul li{
    margin: 0 25px 25px 0;
    width: calc((100% - 75px) / 4);
    height: 138px;
  }
  .work-box .case-ul li img{width:100%}
  .product-list-box .search-btn-box{width:calc(14% - .2rem) !important}
  .product-pic > div{width: 25%;}
  .list-view li{width: 22% !important;}
  .list-view ul{justify-content: inherit}
  .index-box.swiper-container{height: 10rem;}
  .spinner > div{left:-11%}

}

@media screen and (max-width: 770px) and (min-width: 760px){
  .exp-img-box{height:9.5rem}
  .index-series-ul li{width:31%}
}