@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2020-04-13
*/
* {-webkit-tap-highlight-color: rgba(0,0,0,0); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body { font: 12px/1.6  "Microsoft YaHei", simsun,tahoma; color: #e6d5b0; background:#000; min-width: 1200px; }
img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
input, textarea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #e6d5b0; text-decoration: none; outline:none}
a:hover { text-decoration: underline;  }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.clear { clear: both }
.hidden { line-height: 99999px; overflow: hidden }
.relative { position: relative }
.left { float: left }
.right { float: right }
.wrapper { width: 1200px; margin: 0 auto;position: relative; }

html,body,.box{height: 100%;}
.box{position: relative;}
.mod-ind{position: relative;height: 100%;overflow: hidden;max-height: 1075px;}
.mod-ind-main{position: absolute;left: 0;top: 45px;right: 0;bottom: 0;background: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-ind.jpg) center  no-repeat;}
.mod1{ position: relative;background: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-mod1.jpg) center 0  no-repeat;}
.mod2{position: relative; background: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-mod2.jpg) center 0  no-repeat;}
.mod3{ position: relative;background: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-mod3.jpg) center 0  no-repeat;}
.mod4{ position: relative;background: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-mod4.jpg) center 0  no-repeat;}
.mod-ind .wrapper{height: 100%;}
.mod1 .wrapper{ height: 909px;}
.mod2 .wrapper{ height: 863px;}
.mod3 .wrapper{ height: 968px;}
.mod4 .wrapper{ height: 873px;}
#logo{position: absolute;left: -9px;top: 3px;width: 175px;}
#logo img{width: 100%;}
.slogan{ background: url(https://img4.99.com/mykd/2020/04/15/dfs/slogan.png) center 0 no-repeat;width: 100%;height: 480px;position: absolute;left: 0;bottom: 110px;}
.nav{width: 1168px;position: absolute;left: 50%;margin-left: -584px;bottom: 10px;z-index: 1000; }
.nav1,.nav2,.nav3,.nav4{ background: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-nav.png) no-repeat;float: left;height: 100px;line-height: 999px;overflow: hidden;}
/* .nav1{width: 315px; background-position: 0 0;}
.nav2{width: 269px; background-position: -315px 0;}
.nav3{width: 268px; background-position: -584px 0;;}
.nav4{width: 316px; background-position: -852px 0;} */
.nav1{width: 308px; background-position: 0 0;}
.nav2{width: 276px; background-position: -308px 0;}
.nav3{width: 274px; background-position: -584px 0;;}
.nav4{width: 310px; background-position: -858px 0;}
.nav1.on,.nav2.on,.nav3.on,.nav4.on{ background-image: url(https://img4.99.com/mykd/2020/04/15/dfs/bg-nav-on.png)}
.fixed{position: fixed;top: 0;bottom: auto;}

.footer{padding: 10px 0;}

.mod1-btn{ background: url(https://img4.99.com/mykd/2020/04/15/dfs/mod2-btn.png) no-repeat;width: 161px;height: 48px;text-align: center;line-height: 45px;color: #532e07;font-size: 18px;position: absolute;letter-spacing: 5px;}
.mod1-btn:hover,.mod1-btn.on{ background-position: 0 -48px;text-decoration: none;}
.mod1-btn1{left: 220px;top: 240px;}
.mod1-btn2{left: 170px;top: 331px;}
.mod1-btn3{left: 130px;top: 423px;}
.mod1-btn4{left: 170px;top: 514px;}
.mod1-btn5{left: 220px;top: 604px;}
.time{ text-align: center;color:#e5bd68; font-size: 30px;padding-top: 85px; background:-webkit-linear-gradient(top,#fff 40%,#d6a143 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mod1-item{display: none;}
.mod1-txt{color:#d1c49d;font-size: 20px;font-weight: bold; writing-mode: tb-rl;height: 370px;position: absolute;right: 26px;top: 264px;}

.mod2 .time{ padding-top: 105px;}
.mod2-txt{color:#d1c49d;font-size: 20px;width: 530px; height: 320px;position: absolute;left: 546px;top: 315px;line-height: 2;}

.mod3 .time{ padding-top: 95px;}
.mod3-tab{ background: url(https://img4.99.com/mykd/2020/04/15/dfs/mod3-tab1.png) no-repeat;width: 355px;height: 55px;text-align: center; line-height: 53px;font-size: 26px;text-align: center;position: absolute;left: 151px;top: 201px;}
.mod3-tab-on{background: url(https://img4.99.com/mykd/2020/04/15/dfs/mod3-tab2.png) no-repeat;}
.mod3-tab a{float: left;}
.mod3-tab1{color: #140e0e;width: 171px;}
.mod3-tab2{color: #af915d;width: 184px;}
.mod3-tab-on .mod3-tab1{color: #af915d;width: 184px;}
.mod3-tab-on .mod3-tab2{color: #140e0e;width: 171px;}
.mod3-item{display: none;width: 530px;position: absolute;left: 70px;top: 335px;}
.mod3-item h3,.mod4-item h3{font-size: 30px;text-align: center;padding-bottom: 10px;background:-webkit-linear-gradient(top,#e1c697 30%,#d29441 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight: bold;}
.mod3-txt{font-size: 20px;line-height: 2.5;}
.mod3-btn{display: block;background: url(https://img4.99.com/mykd/2020/04/15/dfs/mod3-btn.png) no-repeat; margin: 15px auto 0;width: 404px;height: 74px;line-height: 999px;overflow: hidden;}
.mod3-btn:hover{background-position: 0 -74px;}

.mod4-item{display: none;width: 470px;position: absolute;left: 625px;top: 340px;}
.mod4-item h3{padding-bottom: 20px;}
.mod4-btn{ background: url(https://img4.99.com/mykd/2020/04/15/dfs/mod4-btn.png) no-repeat;width: 122px;height: 108px;text-align: center;position: absolute;color: #5c3400;font-size: 30px;padding-top: 23px;line-height: 1.3;}
.mod4-btn:hover,.mod4-btn.on{ background-position: 0 -131px;text-decoration: none;}
.mod4-btn1{left: 443px;top: 563px;}
.mod4-btn2{left: 318px;top: 633px;}
.mod4-btn3{left: 182px;top: 663px;}