@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px; font-family: "Innumerable-Regular"; color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}
h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.w1903{/* min-width: 1220px;*/ }
@font-face {
  font-family: 'Innumerable-Regular';
  src: url(../font/Innumerable-Regular.otf);
}

@font-face {
  font-family: 'FZLT-Light';
  src: url(../font/FZLT-Light.TTF);
}

@font-face {
  font-family: 'FZLT-Medium';
  src: url(../font/FZLT-Medium.TTF);
}

@font-face {
  font-family: 'GothamRnd-Book';
  src: url(../font/GothamRnd-Book.otf);
}
@font-face {
  font-family: 'GothamRnd-Light';
  src: url(../font/GothamRnd-Light.otf);
}
@font-face {
  font-family: 'GothamRnd-Medium';
  src: url(../font/GothamRnd-Medium.otf);
}

.video::-webkit-media-controls-panel {
display: none!important;

-webkit-appearance: none;

}

.video::--webkit-media-controls-play-button {
display: none!important;

-webkit-appearance: none;

}

.video::-webkit-media-controls-start-playback-button {
display: none!important;

-webkit-appearance: none;

}

.abody::-webkit-scrollbar {
  width: 0;
}
.indexs{ position: relative; width: 100%; height: 100vh;}
.vidbox{ position: absolute; left: 0%; top: 0%; width:100%; height: 100%; background: #fff;  }
.vidbox .bgvid{ display: block; position: absolute; left: 0; top:0; width: 100vw; height: 58.90625vw;  }

.bgvid::-webkit-media-controls{display: none !important;}

.logobox{ display: block; position: absolute; left:23.38vw; top: 16.8vw; width: 18.18vw; height: 10.05vw; }
.logobox i{ display: block; background-image: url('../svg/DESIGN SUMMER 24.svg');background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.logobox .logovid{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.logovid::-webkit-media-controls {display: none !important;}
.logobox:hover .logo{ display: none; }
.logobox:hover .logovid{ display: block; }
.applybox{ display: block; position:absolute; right: 1.09vw; top: 5vw; width: 5.2vw; height: 2.4vw; }
.applybox i{ display: block; background-image: url('../svg/→ APPLY.svg');background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.julybox{ display: block; position:absolute; left: 1.67vw; top: 16.82vw; width: 7.14vw; height: 14.17vw;}
.julybox i{ display: block; background-image: url('../svg/JULY 15-25 HANGZHOU.svg');background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.classbox{ display: block; position:absolute; right: 7.55vw; top:44.43vw; width: 7.55vw; height: 3.7vw; }
.classbox i{background-image: url('../svg/→ CLASS.svg');background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.litbox{ display: block; position:absolute; left:23.38vw; top:54.38vw; width: 12.97vw; height: 0.16vw; display: none; }
.litbox i{background-image: url('../svg/banquan.svg');background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

.classindex{ margin-top: 27px; margin-left: 32px; position: relative; }
.classnav{}
.classnav a{ display: block; margin-bottom: 43px; }
.classnav a.class_dl{ }
.yjtimg{ width: 68px; height: 27px; transition: all 0.4s; }
.classnav a span{ display: block; font-size: 54px; color: #231916; margin-top: 17px; font-family: 'Innumerable-Regular'; }
.classicon{ margin-top: 317px; margin-bottom: 58px; }
.classicon a{ display: block; }
.classicon a>img{ width: 155px; height: 156px;}
.classbga{ width: 692px; height: 1122px; background: url(../pic/Class.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: 190px; top: 296px; z-index: -1 }
.classbgb{ width: 376px; height: 488px; background: url(../pic/Class2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: 70%; top: 65px; z-index: -1}
.classnav a:hover .yjtimg{ transform: translateX(10px); }



.dlnav{ position: fixed; left: 33px; top: 27px; z-index: 1 }
.dlnav a{ display: block; }
.dlnav img{ width: 68px; height: 27px;transition: all 0.4s;}
.dlnav span{ display: block; font-size: 54px;color: #231916;line-height: 52px;text-align: left; font-family: 'Innumerable-Regular'; margin-top: 18px; }
.dlnav:hover a img{ transform: translateX(10px); }


.classdlindex{ position: relative;}
.dlmain{ position: absolute; width: 64vw; top: 70px; right: 78px; }
.dlmain .dlitem{ margin-bottom: 64px; }
.dlmain .dlitem p{ font-size:29px;text-align: justify; color: #231916;line-height: 42px; font-family: 'FZLT-Light'; }
.dlmain .dlitem h3{ font-size:24px;color: #231916; margin-top: 26px; font-family: 'FZLT-Medium';  }
.dlmain .dlitem.dlitem2 p{ font-family: 'GothamRnd-Light';line-height: 34px; }
.dlmain .dlitem.dlitem2 h3{ font-family: 'GothamRnd-Medium';  }
.dlmain .dlitem p.dlp2{ margin-top: 7px;  }
.manimg{ width: 613px; height: 731px; margin-top: 137px; }
.dlmain h4{ margin-top: 17px; font-size: 33px; color: #231916;font-family: 'GothamRnd-Book';}
.dlmain h4 span{font-family: 'FZLT-Light' !important;}
.dlmain h5{margin-top: 7px; font-size: 25px; color: #231916; line-height: 37px; color: #231916;font-family: 'GothamRnd-Light';text-align: justify; }
.dlmain h5.fzltl{font-family: 'FZLT-Light'; }
.dlmain h6{margin-top: 33px; font-size: 23px; color: #231916; line-height: 29px; font-family: 'GothamRnd-Light';text-align: justify; }
.moresp{ display: block; cursor: pointer; font-size: 13px;color: #231916;line-height: 16px; margin-top: 39px;font-family: 'GothamRnd-Medium'; }
.applehere{ display: block; margin-top: 116px; margin-bottom: 75px; }
.applehere img{width: 44px; height: 17px;transition: all 0.4s; }
.applehere p{ font-size: 33px;color: #231916; text-align: left; font-family: 'Innumerable-Regular'; margin-top: 11px; }
.applehere span{ font-size: 12px;color: #231916; display: block; font-family: 'Innumerable-Regular'; margin-top: 4px; }
.applehere:hover img{transform: translateX(10px); }
.classdlicon{ /*position: absolute; bottom: 0; right:calc(100vw - 132px - 155px );*/width: 155px; height: 156px; position: fixed; left:33px; bottom:58px; display: block; }
.classdlicon.on{}
.classdlicon a{  display: block; }
.classdlicon a>img{ width: 155px; height: 156px; }
.classdlicon.on{ display: block; }

.classdlbga{ width: 304px; height: 728px; background: url(../pic/ClassDL3.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: -205px; top: 759px; z-index: -1 }
.classdlbgb{ width: 863px; height: 888px; background: url(../pic/ClassDL2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: -78px; top: -18px; z-index: -1}
.classdlbgc{ width: 330px; height: 340px; background: url(../pic/ClassDL.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: 412px; bottom: 260px; z-index: -1}

.dokp1{font-size:29px;text-align: justify; color: #231916;line-height: 42px !important; font-family: 'FZLT-Light'; margin-bottom: 20px;}
.dokp2{font-size:28px;text-align: justify; color: #231916;line-height: 34px !important; font-family: 'GothamRnd-Light'; margin-bottom: 32px;}
.mannrp{font-size: 25px;color: #231916;line-height: 37px !important;text-align: justify; margin-bottom: 15px; font-family: 'FZLT-Light';}
.manenp{font-size: 23px;color: #231916;line-height: 29px !important; text-align: justify; margin-bottom: 20px;font-family: 'GothamRnd-Light';}
.mt18{ margin-top: 7px; }
.mt32{ margin-top: 36px; }

.classokbga{width: 964px; height: 674px; background: url(../pic/ClassOK2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: -67px; top: 116px; z-index: -1 }
.classokbgb{width: 315px; height: 482px; background: url(../pic/ClassOK.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: -153px; bottom:198px; z-index: -1 }

.classpmbga{width: 731px; height: 879px; background: url(../pic/ClassPM2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: -65px; top: 46px; z-index: -1 }
.classpmbgb{width: 272px; height: 288px; background: url(../pic/ClassPM.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: 171px; bottom:130px; z-index: -1 }

.classasbga{width: 398px; height: 259px; background: url(../pic/ClassAS2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: -284px; top: 46px; z-index: -1 }
.classasbgb{width: 252px; height: 465px; background: url(../pic/ClassAS.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: 227px; bottom:315px; z-index: -1 }

.classhkbga{width: 322px; height: 322px; background: url(../pic/ClassHK.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: 242px; top: 52px; z-index: -1 }
.classhkbgb{width: 414px; height: 758px; background: url(../pic/ClassHK2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: -272px; bottom:101px; z-index: -1 }

.classhobga{width: 567px; height: 667px; background: url(../pic/ClassMK02.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: -408px; top: -30px; z-index: -1 }
.classhobgb{width: 758px; height: 441px; background: url(../pic/ClassHO.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: 371px; bottom:193px; z-index: -1 }

.hline{ }
.hline em{ display: block; padding: 30px 0; width: 99px; height: 4px; background: url(../svg/icon-a-2.svg) no-repeat; background-size:100% 100%; background-position: center;}
/*.hline:after{ content: ''; display: block; position: absolute; left: 4px; top: 176px; width: 99px; height: 4px; background: url(../svg/icon-a-2.svg) no-repeat; background-size:100% 100%; background-position: center; }*/
.hline i{ font-size: 50px; color: #231916;  font-family: 'FZLT-Light' !important; line-height: 40px }

.classimbga{width: 755px; height: 295px; background: url(../pic/ClassIM.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: -68px; top: 68px; z-index: -1 }
.classimbgb{width: 504px; height: 213px; background: url(../pic/ClassIM2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left: -254px; bottom:82px; z-index: -1 }

.classtbbga{width: 195px; height: 589px; background: url(../pic/ClassTB2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left:-342px; top: -32px; z-index: -1 }
.classtbbgb{width: 775px; height: 701px; background: url(../pic/ClassTB.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; right: 0; bottom:96px; z-index: -1 }

.classsmbga{width: 603px; height: 876px; background: url(../pic/summer.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left:-434px; top: 130px; z-index: -1 }

.classapbga{width: 566px; height: 681px; background: url(../pic/Apply2.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left:-402px; top: 30px; z-index: -1 }
.classapbgb{width: 647px; height: 912px; background: url(../pic/Apply.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left:348px; bottom: 282px; z-index: -1 }

.classhibga{width: 1252px; height: 890px; background: url(../pic/DesignSummerBefore.png) no-repeat; background-size: 100% 100%; background-position: top center; position: absolute; left:74px; top: 195px; z-index: -1 }

.dlitem .pbold{font-size: 24px !important;color: #231916; line-height: 36px !important; font-family: 'FZLT-Medium' !important;}
.dlitem .plight{font-size: 29px !important;color: #231916; font-family: 'FZLT-Light' !important; margin-top: 12px; margin-bottom: 50px;}

@media (max-width:1600px) {
  .dlnav img{ width: 50px; height: 20px;transition: all 0.4s;}
  .dlnav span{ display: block; font-size: 44px;color: #231916;line-height: 42px;text-align: left; font-family: 'Innumerable-Regular'; margin-top: 8px; }
  .dlnav i{ font-size: 44px; }
  .hline em{ width: 80px; height: 3px; padding: 20px 0 10px}
  .dlmain{ top: 48px }
  .yjtimg{width: 50px; height: 20px;}
  .classnav a span{font-size: 44px;}

}