@charset "utf-8";
/* CSS Document */
body{background: #fff}
.pageFooter{margin-top: 0}
.BreadCrumb .BreadCrumbHull{background-color: #fafafc;color: #434343;font-family: MiSans-N;
    & a{color:#434343;}
}


.DetailFocusHull {padding: 60px 0 0;/*background: #f5f5f7;*/}
.DetailFocusHull .tit {font-size: 36px;line-height: 40px;color: #000;text-align: left;padding: 35px 0 0 0;font-family: MiSans-B; position: relative;z-index: 2}
.DetailFocusHull .tit span {font-size: 24px;line-height: 30px;display: block;margin-top: 10px;font-family: MiSans-R; }
.DetailFocusHull .desc {padding: 30px 0 0px 0;font-size: 36px;line-height: 40px;color: #f69603;position: relative;z-index: 2}
.DetailFocusHull .desc p {padding: 0 0 0 0;position: relative;font-family: MiSans-B;}
.DetailFocusHull .desc p:last-of-type {font-size: 24px;line-height: 30px;padding: 10px 0 0 0;font-family: MiSans-R;}
.DetailFocusHull .desc p:before {content: '';width: 5px;height: 5px;background: #999;border-radius: 5px;position: absolute;left: 0;top: 15px;opacity: 0;}
.DetailFocusHull .info {width:calc(100% - 750px - 80px );float: right; padding-bottom: 100px; min-height: 850px; position:sticky; top: 50px;
    &:before{content:'';position: absolute; left: -80px; top: 0; width: 300%; height: 100%;/* background: #f5f5f7;*/}
}
.DetailFocusHull .info .price {font-size: 18px;line-height: 38px;color: #00b8b8;float: left;}
.DetailFocusHull .info .price em {font-size: 28px;padding: 0 10px 0 0;}
.DetailFocusHull .info .choose {padding: 60px 0 70px 0;position: relative;z-index: 2}
.DetailFocusHull .info .choose li {zoom: 1;padding: 0 0 15px 55px;position: relative;}
.DetailFocusHull .info .choose li::after {content: "";display: block;clear: both;height: 0px;}
.DetailFocusHull .info .choose li span {position: absolute;left: 0;top: 0;font-size: 18px;color: #333;line-height: 38px;}
.DetailFocusHull .info .choose li a {height: 38px;line-height: 38px;font-size: 16px;color: #000;border: 1px solid #979797;border-radius: 4px;float: left;margin: 0 7px 10px;padding: 0 10px;min-width: 110px;/* display: block; */text-align: center;border-radius: 40px;}
.DetailFocusHull .info .choose li a.on {border-color: #f69603;background: #f69603;color: #fff;}
.DetailFocusHull .info .choose dl {zoom: 1;padding: 0 0 15px 50px;position: relative;}
.DetailFocusHull .info .choose dl::after {content: "";display: block;clear: both;height: 0px;}
.DetailFocusHull .info .choose dd { position: absolute; left: 0; top: 0; font-size: 18px; color: #333; line-height: 38px;}
.DetailFocusHull .info .choose dt {line-height: 38px;font-size: 16px;color: #000;}
.DetailFocusHull .info .choose a {height: 38px;line-height: 38px;font-size: 16px;color: #000;border: 1px solid #dcdcdc;border-radius: 4px;float: left;margin: 0 7px 10px;padding: 0 10px;min-width: 110px;/* display: block; */text-align: center; border-radius: 40px;}
.DetailFocusHull .info .choose a.on {border-color: #f69603;background: #f69603;color: #fff;}
.DetailFocusHull .info .type2 .choose dl{padding-left:90px;}

.DetailFocusHull .info .choose a.disable { cursor: not-allowed; border-color: #ccc; color: #ccc; background: none;}
.DetailFocusHull .info .btns {padding: 0;position: relative;z-index: 2}
.DetailFocusHull .info .btns a {float: left;background: url("/web/products/Detail_2026/img/btnIcon_1.png") no-repeat 50px 50% #f69603;color: #fff;padding: 0 40px 0 85px;margin-right: 15px;border-radius: 3px;font-size: 16px;position: relative;line-height: 45px;border-radius: 45px;}
.DetailFocusHull .info .btns a:hover {background-color: #f9a320;}
.DetailFocusHull .info .btns .QR a {background-image: url("/web/products/Detail_2026/img/btnIcon_2.png")}
.DetailFocusHull .info .btns a span {background: url(/web/css/img/QR-WeChat.gif) no-repeat 50% 50% / 180px #fff;width: 200px;height: 200px;position: absolute;left: 50%;top: -210px;margin-left: -100px;display: none;border: 1px solid #f69603;}
.DetailFocusHull .info .btns a:hover span {display: block;}

.leftBox{width: 750px;float: left;}
.FocusSlider_Wrap{width: 100%;/* height: 620px; */position: relative;background-size: 100% 100%;border-radius: 15px; margin-bottom: 40px}
.FocusSlider{}
.FocusSlider ul{}
.FocusSlider ul li{ position: relative;}
.FocusSlider ul li img{width: 100%;}
.FocusSlider ul li i{position: absolute;color: #fff;font-size: 50px;transform: translate(-50%,-50%);left: 50%;top: 50%;background: rgb(0 0 0 / 60%);width: 120px;height: 120px;text-align: center;line-height: 120px;border-radius: 120px;}
.FocusSlider ul li a{position: absolute; width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.FocusSlider .swiper-button-prev,.FocusSlider .swiper-button-next{width: 45px;height: 45px;text-align: center;line-height: 45px;background: rgb(36 37 41 / 40%);border-radius: 45px;margin-top: -27px;left: 15px;opacity: 0;display: none!important;}
.FocusSlider .swiper-button-next{    right: 15px;left: auto;}
.FocusSlider .swiper-button-prev:after,.FocusSlider .swiper-button-next:after{color: #fff;font-size: 24px;font-weight: bold;}
.FocusSlider .swiper-button-prev.show,.FocusSlider .swiper-button-next.show{ opacity: 1;}
.FocusSlider:hover .swiper-button-prev,.FocusSlider:hover .swiper-button-next{opacity: 1;}
.FocusSlider_Wrap .btns{/* position: absolute; */z-index: 2;left: 0;/* bottom: 35px; */width: 100%;text-align: center;padding: 20px 0 0 0;display: none;}
.FocusSlider_Wrap .btns a{font-size: 16px;color: #414141;background: #f2f3f5;line-height: 32px;border-radius: 32px;padding: 0 15px;margin: 0 10px;display: inline-block;}
.FocusSlider_Wrap .btns a i{vertical-align: top;padding: 0 10px 0 0;font-size: 15px;}
.FocusSlider_Wrap .btns a.on{background: #1d1f1e; color: #fff;}
.FocusSlider .swiper-pagination{/* display: none; */width: 62px;height: 45px;text-align: center;line-height: 45px;color: #fff;border-radius: 4px;font-size: 20px;}
.FocusSlider .swiper-pagination .swiper-pagination-bullet{}
.FocusSlider .swiper-pagination .swiper-pagination-bullet-active{ background: #262626;}
.video_iframe{position: absolute;right: -110%;top: 0;width: 100%;height: 100%;z-index: 99;opacity: 0;background: #000;-webkit-transition:right .0s;-o-transition:right .0s;transition:right .0s;}
.video_iframe.on{right:0;opacity: 1;}
.video_iframe .close{position: absolute;right: 20px;top: 20px;font-size: 40px;height: 70px;width: 70px;border-radius: 70px;line-height: 70px;text-align: center;color: #000;background: rgb(255 255 255 / 70%);}
.video_iframe iframe{ width: 100%; height: 100%; border: none;}

.footerAD{background: url("img/footerAD_bg.jpg") repeat-x; position: relative;}
.footerAD .desc{position: absolute;left: 0;top: 90px;width: 100%;text-align: center;line-height: 1;}
.footerAD .desc h2{font-size: 40px;line-height: 1;color: #000;margin-bottom: 30px;}
.footerAD .desc p{font-family: MiSans-L; font-size: 28px;line-height: 30px;color: #000;}
.footerAD img{}

.section_detail{position: relative; border-radius: 15px 15px 0 0; overflow: hidden;
    & img{position: relative; z-index: 2;}    
    &:before{content:'';width: 1000%; height: 100%; background: #fff; position: absolute; left: -300%; top: 0;}
    & .blurBox{position: relative}
    & .wrap{position: relative;z-index: 2;
       & img{ display: block; max-width: 790px;}
    }
    & .blur{position: absolute;width: 100%;/*height: 100%;*/top: -13%;/* transform: translateY(-50%); */
        & img{width: 100%;/*height: 100%;*//* object-fit: cover; */display: block;filter: blur(10s0px);opacity: 0.6;/* transform: scale(1.05); */}
    }
}

body{overflow-x: hidden}