@charset "UTF-8";
html{
  font-size: 6.25vw;
}
@media screen and  (min-width:1600px){
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

body{ overflow-x:hidden;}

html {
  scrollbar-width: thin;
  scrollbar-color: #e08d12 transparent;
}
/* WebKit (Chrome, Safari) */
::-webkit-scrollbar {
  width:4px;
}
::-webkit-scrollbar-thumb { border-radius: 4px;
  background-color: #e08d12;
}
::-moz-scrollbar {
  width:4px;
}
::-moz-scrollbar-thumb { border-radius: 4px;
  background-color: #e08d12;
}


.w_width{max-width:1600px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.ctext{float: left;width: 100%;padding-left:50px;padding-right:50px;}
._hie{ height:100vh;}
@media  screen and (max-width: 1024px){	
.ctext{padding-left: 15px;padding-right: 15px;}
::-webkit-scrollbar{ display: none;}
}



.head{ float:left; width:100%; position:fixed; left:0; top:0; z-index:20;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.head .top{ float:left; width:100%; padding:0.4rem 50px; position:relative; z-index:22; }
.head .logo{ float:left;line-height:0;}
.head .logo a{ float:left;}
.head .logo img{ height:28px;}
.head .logo .show{ display: block;}
.head .logo .hide{ display: none;}
.head .colse{ float: right; position:relative; width:28px; height:28px; margin-right:-4px; cursor:pointer; display: none;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.head .colse:after,
.head .colse:before{ float:left; width:98%; height:2px; content:''; background:#707070; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
.head .colse:before{ height:98%; width:2px; }
.head .colse:hover{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.head .menubtn{ float: right; position:relative; cursor: pointer;}
.head .menubtn .navbtn{ float:left; width:28px; height:20px; border-top:2px solid #fff; border-bottom:2px solid #fff; position:relative; margin:4px 0;}
.head .menubtn .navbtn::after{ float:left; position: absolute; left: 0; top:50%; width: 100%; height: 2px; content: ''; background: #fff; margin-top:-1px;}
.head .menubtn .navbtn:hover{ border-top:2px solid #e08d12; border-bottom:2px solid #e08d12; }
.head .menubtn .navbtn:hover::after{background:#e08d12;}
.head .lang{ float:right; line-height:28px; margin-right:25px; color: #fff; font-size: 13px;}
.head .lang a{ text-transform:uppercase; display:inline-flex; color: #fff; margin:0 5px;}
.head .lang a:hover{ color: #e08d12;}

.head1 .logo .show{ display: none;}
.head1 .logo .hide{ display: block;}
.head1 .menubtn .navbtn{ border-top:2px solid #666; border-bottom:2px solid #666;}
.head1 .menubtn .navbtn::after{ background: #666;}
.head1 .lang{ color: #666;}
.head1 .lang{ color: #666;}
.head1 .lang a{ color: #666;}

.head.active .lang{ display: none;}
.head.active .colse{ display: block;}
.head.active .menubtn{ display: none;}
.head.active .logo .show{ display: none;}
.head.active .logo .hide{ display: block;}

.menu_pc{ float:left; max-width:100%; max-height:100%; position:fixed; left:50%; top:50%; z-index:19; padding:0.4rem 50px; display: flex; flex-wrap: wrap; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.menu_pc .ul1{float:left; max-width:100%; max-height:100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; flex-direction: column; padding:60px 30px 90px 30px;}
.menu_pc .ul1 .li1{float:left; width:100%; margin-bottom:0.18rem; }
.menu_pc .ul1 .li1 span{ float:left; width:100%; position:relative; display: flex; flex-wrap: wrap; justify-content: center;}
.menu_pc .ul1 .li1 span a{ float:left; max-width:100%; position: relative; text-align: center; color:#fff; font-size:0.6rem; line-height:0.7rem; text-transform: uppercase; font-weight: lighter;}
.menu_pc .ul1 .li1 span a::after{ float:left; position: absolute; left:50%; bottom:-0.05rem; width:0; height:1px; content: ''; background: #e08d12;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.menu_pc .ul1 .li1:hover span a{ color:#e08d12;}	 
.menu_pc .ul1 .li1:hover span a::after{ width:60%;}

.xialaph{ float:right; width:100%; height:100%; position:fixed; left:-100%; top:0; z-index:21; background:rgba(255,255,255,0.8); padding:0.4rem 50px; display: flex; flex-wrap: wrap; border-radius:0 600px 600px 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.xialaph.active{ left:0; top:0; border-radius:0 0 0 0; background:#fff;}
.xialaph .ul1{float:left; width:100%; height:100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; padding:60px 30px;}
.xialaph .ul1 .li1{float:left; width:100%; margin-bottom:0.18rem; }
.xialaph .ul1 .li1 h4{ float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: center;}
.xialaph .ul1 .li1 h4 a{ float:left; max-width:100%; position: relative; text-align: center; color:#969696; font-size:0.6rem; line-height:0.7rem; text-transform: uppercase; font-weight: lighter;}
.xialaph .ul1 .li1 h4 a::after{ float:left; position: absolute; left:50%; bottom:-0.05rem; width:0; height:1px; content: ''; background: #e08d12;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.xialaph .ul1 .li1:hover h4 a{ color:#e08d12;}
.xialaph .ul1 .li1:hover h4 a::after{ width:60%;}
.xialaph .ul2{ float:left; width:100%; display:none; }
.xialaph .ul2 .li2{float:left; width:100%; margin-bottom:0.18rem; }
.xialaph .ul2 .li2:last-child{ margin-bottom:0;}
.xialaph .ul2 .li2 h5{ float:left; width:100%;}
.xialaph .ul2 .li2 h5 a{ float:left; width:100%; text-align: center; color:#969696; font-size:0.4rem; line-height:0.5rem; font-weight: lighter;}
.xialaph .ul2 .li2 h5 a:hover{ color:#e08d12;}

@media screen and (max-width: 1024px) {
.head .top{ padding:15px 15px;}	
.head .lang{ margin-right:10px;}
.head2{ background: #fff;}
.menu_pc{ padding:15px 15px;}	
.xialaph{ padding:15px 15px;}
}
@media screen and (max-width: 767px) {
.menu_pc .ul1 .li1{ margin-bottom: 0.6rem;}
.menu_pc .ul1 .li1 span a{ font-size:1.1rem; line-height:1.2rem;}
.menu_pc .ul1 .li1 span a::after{ bottom:-0.18rem;}
.xialaph .ul1 .li1{ margin-bottom: 0.6rem;}
.xialaph .ul1 .li1 h4 a{ font-size:1.1rem; line-height:1.2rem;}
.xialaph .ul1 .li1 h4 a::after{ bottom:-0.18rem;}
.xialaph .ul2 .li2{ margin-bottom: 0.6rem;}
.xialaph .ul2 .li2 h5 a{ font-size:0.7rem; line-height:0.8rem;}

}


.footerBg{ float: left; width: 100%; position: fixed; left:0; bottom:0; z-index:9; height:116px; background: url(_im_g/bg1.png) center bottom repeat-x; background-size:100% 100%; }
.footer{ float: left; width: 100%; position: fixed; left:0; bottom:0; z-index:19; padding:0.25rem 50px; }
.footer .nav{ float:right; position:relative;}
.footer .nav a{ float:left; color: #fff; color:rgba(255,255,255,0.29); font-size: 12px; line-height: 20px; margin-left:11px;}
.footer .nav a:hover{ color:#fff;}
.footer .Copyright{ float:left;color: #fff; color:rgba(255,255,255,0.29); font-size: 12px; line-height: 20px;}
.footer .Copyright a { color: #fff; color:rgba(255,255,255,0.29); margin-left:12px;}
.footer .Copyright a:hover { color: #fff;}

.footer1 .nav{ color: #959595;}
.footer1 .nav a{ color: #959595;}
.footer1 .nav a:hover{ color: #e08d12;}
.footer1 .Copyright{ color: #959595;}
.footer1 .Copyright a{ color: #959595;}
.footer1 .Copyright a:hover{ color: #e08d12;}

@media screen and (max-width: 1024px) {
.footer{ display: flex; flex-wrap: wrap; justify-content: center; padding:15px 15px;}
.footer .Copyright{ text-align: center;}
.footer2{ position: relative;}
}
@media screen and (max-width: 767px) {
.footerBg{ height:130px;}	
.footer .Copyright{ width:100%;}
.footer .Copyright a{ margin-left:6px;}
.footer .nav a{ margin:0 5px;}
}

.slide_banner{ float: left; width: 100%; position: relative; z-index: 6;}
.slide_banner .div{ float: left; width: 100%;}
.slide_banner .mc_bs3_video{ float: left; width: 100%; height: 100vh; object-fit: cover;}


.contact_us{ float:right; width:100%; height:100vh; overflow: hidden; position:relative; z-index:3; padding-top:calc(28px + 0.8rem); padding-bottom:calc(20px + 0.85rem); display: flex; flex-wrap: wrap; background:#0f0f0f; justify-content: center; align-content: center;}
.contact_bg{ float:right; max-width:inherit; height:100%; position:absolute; bottom:0; right: 0; z-index:4;}
.contact_us .box{float:left; width:100%; position:relative; z-index:6;}
.contact_us .cont{float:left; width:414px; margin:0 0.94rem;}
.contact_us .hd{float:left; width:100%;}
.contact_us .hd ul{float:left; width:100%;}
.contact_us .hd li{float:left; color:#fff; font-size:0.4rem; line-height:0.56rem; opacity:0.16; cursor: pointer; margin-right: 44px; position: relative; text-transform: capitalize; font-weight: lighter;  font-family: "SOURCEHANSANSCN-LIGHT";}
.contact_us .hd li:first-child:after{ display: block; content:''; position: absolute; top:55%; right:-22px; width: 1px; height:0.34rem; background: #fff; transform:translate(-50%,-50%) rotate(12deg); -ms-transform:translate(-50%,-50%) rotate(12deg);}
.contact_us .hd li.on{ opacity: 1;}
.contact_us .bd{float:left; width:100%; color:#fff; font-size: 16px; line-height: 25px; margin-top:0.25rem; font-weight: lighter;  font-family: "SOURCEHANSANSCN-LIGHT";}
.contact_us .bd .ul{float:left; width:100%;}
.contact_us .bd .li{float:left; width:100%; margin-top:0.15rem; text-align: justify; font-weight: lighter;  font-family: "SOURCEHANSANSCN-LIGHT"; }
._form{float:left; width:100%; margin-top:0.25rem; }
._form .lab{float:left; display: flex; position: relative; width:100%; margin-top:0.12rem; border-bottom:2px solid rgba(178,178,178,0.29);}
._form .lab::after{ display:block; content: ''; position: absolute; left:0; bottom:-2px; z-index:6; width: 0; height: 2px; background: #e08d12;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._form .lab:hover::after{ width: 100%;}
._form .lab1{ width:auto; margin-top:0.16rem;}
._form .name{float:left; width:100%; color: #fff; font-size:14px; line-height:calc(34px + 0.1rem); text-transform: capitalize;}
._form .text{float:left; width:100%; background:none; border:none; color: #fff; font-size:14px; line-height:calc(34px + 0.1rem); height:calc(34px + 0.1rem);}
._form .submit{float:left; background:none; border:none; color: #fff; font-size:16px; line-height:calc(34px + 0.16rem); height:calc(34px + 0.16rem); text-transform: uppercase; font-weight: bold;}
._form .submit:hover{ color: #e08d12; }

._form ::-webkit-input-placeholder{color:#fff}
._form :-moz-placeholder{color:#fff}
._form ::-moz-placeholder{color:#fff}
._form :-ms-input-placeholder{color:#fff}

@media screen and (max-width:1600px) {
.contact_us .bd{ margin-top: 0.2rem;}	
._form{ margin-top:0.2rem;}	
._form .lab{ margin-top:0.07rem;}
._form .lab1{ margin-top:0.11rem;}
}
@media screen and (max-width:1440px) {
.contact_us .bd{ margin-top: 0.16rem;}
.contact_us .bd .li{ margin-top:0.12rem;}	
._form{ margin-top:0.16rem;}	
._form .lab{ margin-top:0.04rem;}
._form .lab1{ margin-top:0.08rem;}
}
@media screen and (max-width:1024px) {
.contact_bg{ width:100%; object-fit: cover;}	
.contact_us{ padding-top:68px; padding-bottom:100px;}	
.contact_us .cont{ margin:0;}
.contact_us .hd li{ font-size:24px; line-height: 34px; margin-right:30px;}
.contact_us .hd li:first-child:after{ right: -15px; top:58%; height:18px;}
.contact_us .bd{ margin-top:10px; font-size:14px; line-height:22px;}
.contact_us .bd .li{ margin-top:6px;}	
._form{ margin-top:10px;}	
._form .lab{ margin-top:3px;}
._form .lab1{ margin-top:5px;}
._form .submit{ font-size: 14px;}
}
@media screen and (max-width:767px) {
.contact_us .cont{ width: 100%; margin:0; padding:0 10px;}
.contact_bg{ opacity: 0.3;}
}

.PROJECT{ float:right; width:100%; height:100vh; overflow: hidden; position:relative; z-index:3; margin-top:calc(28px + 0.8rem); margin-bottom:calc(20px + 0.85rem); display: flex; flex-wrap: wrap; background:#fff; justify-content: center; align-content: center; height: calc(100vh - 48px - 1.65rem);}
.PROJECT .box{float:left; width:100%; position:relative; z-index:6;}
.PROJECT .list{float:left; width:100%; padding:0 10.6%;}
.PROJECT .list ul{ display: flex; flex-wrap: wrap; margin:-0.32rem -0.25rem;}
.PROJECT .list li{ width:16.66%; display: flex; flex-wrap: wrap; justify-items:center; align-items: center; line-height:0; padding:0.32rem 0.25rem;}
.PROJECT .list li img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.PROJECT .list li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.PROJECT .list li a:hover{}

@media screen and (max-width:1024px) {
.PROJECT{ margin-top:68px; margin-bottom:100px; height: calc(100vh - 168px);}	
.PROJECT .list{padding:0;}
.PROJECT .list ul{ margin:0;}
.PROJECT .list li{ width:25%; padding:0.64rem 0.4rem;}
}
@media screen and (max-width:767px) {
.PROJECT .list ul{ margin:0;}	
.PROJECT .list li{ width:33.33%; padding:8px 0.8rem;}
}

.ROOM .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.ROOM .swiper-slide { flex-shrink: 0; position: relative; transition-property: transform;}
.ROOM{ float:right; width:100%; height:calc(100vh - 48px - 1.45rem); position:relative; z-index:3; margin-top:calc(28px + 0.8rem); margin-bottom:calc(20px + 0.65rem); display: flex; flex-wrap: wrap; background:#fff; justify-content: center; align-content: center;}
.ROOM .list{float:left; width:100%; margin-bottom:calc(30px + 0.28rem); position: relative;}
.ROOM .list .ul{float:left; width:100%;}
.ROOM .list .li{ float:left; width:33.33%; line-height: 0;}
.ROOM .list .li .la{float:left; width:100%; line-height:0; overflow: hidden;position:relative; padding-bottom:64.84%;transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
.ROOM .list .li .la::after{ width:100%; height:100%; display:block; position: absolute; left:0; bottom:0; z-index:5; background: url(_im_g/main17.png) center bottom no-repeat; background-size:100% 100%; opacity:0; content: ''; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.ROOM .list .li .la:hover::after{ opacity:1;}
.ROOM .list .li .la .img{ width:100%; height:100%; display:block; position: absolute; left:0; top:0; object-fit:cover;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.ROOM .list .li .la:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ROOM .list .li .la .tit{ width: 100%; display: block; position: absolute; left:0; bottom:-30%; z-index:6; color: #e08d12; font-size: 17px; line-height: 27px; padding: 0.14rem 0.42rem; text-align: right;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.ROOM .list .li .la:hover .tit{ bottom:0;}
.ROOM .slick-dots{ position: absolute; left: 0; bottom:calc(-30px - 0.28rem);width: 100%; display: flex; justify-content: center;z-index:6;}
.ROOM .slick-dots .swiper-pagination-bullet{display: flex; justify-content: center; align-items: center; width:12px; height:12px; margin:4px 6px; cursor: pointer; overflow: hidden; text-indent: -999px;border-radius:6px;background:#c7c7c7; border:3px solid #fff;}
.ROOM .slick-dots .swiper-pagination-bullet-active{ background: #e08d12;}

@media screen and (max-width:1024px) {
.ROOM{ margin-top:68px; margin-bottom:100px; margin-left:15px; margin-right:15px; width: calc(100% - 30px); height: calc(100vh - 168px); overflow: hidden;}	
.ROOM .list .li{ width:50%; }
.ROOM .list .li .la{ padding-bottom:100%;}
.ROOM .list .li .la::after{ opacity: 1;}
.ROOM .list .li .la .tit{ bottom: 0; font-size:14px; line-height:24px; padding:8px 15px;}
.ROOM .list .li .la .img{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.ROOM .list .li .la:hover .img{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
}
@media screen and (max-width:767px) {
.ROOM .list .li{ width:100%;}
.ROOM .slick-dots .swiper-pagination-bullet{ margin:4px 4px;}

}


.studioA{ float:left; width:100%; display: flex; flex-wrap: wrap; background:#fff; justify-content:space-between; align-items: center; padding-left:0.9rem; padding-right:0.3rem; }
.studioA .listL{ float:left; width:34%; color:#666; font-size:15px; line-height:calc(22px + 0.1rem); display: flex; flex-wrap: wrap; align-content: center; margin:calc(28px + 0.8rem) 0; height:calc(100vh - 56px - 1.6rem); overflow-x: auto;}
.studioA .listL .div{ float:left; width:100%; }
.studioA .listR{ float:left; width:47.5%; padding:0 0.3rem;}
.studioA .listR .div{ float:left; width:100%;}
.studioA .listR .pic{ float:left; width:100%; height:100vh; position: relative; overflow: hidden; line-height:0;}
.studioA .listR .pic .img{ width:100%; height:100%; display:block; position: absolute; left:0; top:0; object-fit:cover; max-width:none;}
.studioA .listR .slick-arrow{ opacity: 0.66;}
.studioA .listR .slick-arrow:hover{ opacity: 0.36;}

@media screen and (max-width:1860px) {
.studioA{ padding-right:130px; }	
}
@media screen and (max-width:1600px) {	
.studioA .listL{ width:40%;}
}
@media screen and (max-width:1440px) {
.studioA .listL{ width:50%;}
}
@media screen and (max-width:1024px) {	
.studioA{ margin-top:68px; margin-bottom:0; align-content:flex-start; padding:0; height:auto;}	
.studioA .listL{ width:100%; margin:0 0 25px 0; height: auto; overflow: visible;}
.studioA .listR{ width:100%; padding: 0;}
.studioA .listR .pic{ height: auto;}
.studioA .listR .pic .img{ position:static;}

}


.lawA{ float:left; width:100%;}
.law{ float:left; width:100%; color: #666666; font-size:15px; line-height:calc(22px + 0.1rem);padding:0 2.25rem; height:calc(100vh - 48px - 1.45rem); margin-top:calc(28px + 0.8rem); margin-bottom:calc(20px + 0.65rem); overflow-y: auto; text-align: justify; }

@media screen and (max-width:1600px) {
.law{padding:0 0.94rem;}
}
@media screen and (max-width:1024px) {
.law{ margin-top:68px; margin-bottom:0.85rem; padding:0; height:auto;}
}

.Det-pop-up{ float:left; width:100%; height:100%; overflow: hidden; position:fixed; left:-100%; top:0%; z-index:30; background: #fff;-webkit-transition: all 0.5s ease-out 0s; border-radius: 0 600px 600px 0;
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.Det-pop-up.active{left:0%; top:0%; border-radius: 0 0 0 0;}
.Det-pop-up .pop-up{ float:left; width:100%; height:100vh; position: relative;}
.Det-pop-up .colse{ float: right; position:absolute; width:28px; height:28px; top:0.46rem; right:50px; cursor:pointer; z-index:10;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.Det-pop-up .colse:after,
.Det-pop-up .colse:before{ float:left; width:98%; height:2px; content:''; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
.Det-pop-up .colse:before{ height:98%; width:2px; }
.Det-pop-up .colse:hover{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.Det-pop-up .box{ float:left; width:100%; height:100vh;}
.Det-pop-up .box .div{ float:left; width:100%; height:100vh; position: relative;}
.Det-pop-up .box .div img{ width:100%; height:100%; position: absolute; left: 0; top:0; object-fit: cover; z-index: 6;}
.Det-pop-up .box .div video{ width:100%; height:100%; position: absolute; left: 0; top:0; object-fit: cover; z-index: 6;}
.Det-pop-up .box .div .tit{ display: block; max-width:100%; position:absolute; right: 0; bottom:0.75rem; z-index:10; padding:0 54px; color: #fff; font-size: 15px; line-height:29px; text-align: right;}
.Det-pop-up .slick-dots{ position:absolute; left:50%; bottom:0.75rem; width: auto; z-index:15; transform:translate(-50%,0); -ms-transform:translate(-50%,0);}
.Det-pop-up .slick-dots li button{ background: #fff;}
.Det-pop-up .slick-dots li.slick-active button{ background: #e08d12;}
.Det-pop-up .slick-arrow{ opacity: 0.66;}
.Det-pop-up .slick-arrow:hover{ opacity: 0.36;}
.Det-pop-up .slick-prev{ margin-left:4px;}
.Det-pop-up .slick-next{ margin-right:4px;}


@media screen and (max-width:1024px) {
.Det-pop-up .colse{ top:11px; right:11px;}	
.Det-pop-up .box .div .tit{ padding:0 15px; font-size: 14px; line-height:24px;}
.Det-pop-up .slick-prev{ margin-left:0;}
.Det-pop-up .slick-next{ margin-right:0;}
}