@CHARSET "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, p{padding:0;margin:0;border: 0 none;color: #331E00;line-height: 18px;font: 16px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;list-style:none;}
input, textarea, a{outline: none;resize: none;}
a{text-decoration: none;
  -moz-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out，box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;}
.clr{clear: both;}
*{margin: 0; padding: 0;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
html, body{width: 2160px;height: 3840px;}
@font-face{font-family: kqny;src:url(../fonts/方正清刻本悦宋简体.ttf);}
svg text{font-family: kqny;}
video::-webkit-media-controls{ display:none !important; }
.clr{clear: both;}

.area {position: absolute;overflow:hidden;z-index: 1;}
.mask {position: absolute;z-index: 99;left:0;top:0;}
.menu {position: absolute;}
.menu .item2 {top: 0;left: 0;position: absolute;}
.svg-div {position: absolute;left: 0;top: 0;}
.menu .menu-title-area {position: absolute;font-size: 90px;color: #ffffff;z-index: 12;top: 0;left: 0;}
.menu .menu-title-area .menu-title {position: absolute;font-size: 100px;color: #ffffff;z-index: 12;font-family: kqny;text-shadow: 0 0 6px rgba(0,0,0,0.75);}

.all{width: 2160px;height: 3840px;background: url(../images/bg_home.png) no-repeat;background-size: 2160px 3840px;}
.all .hid{width: 2160px;height: 3600px;position: absolute;right: 0;overflow: hidden;}
.all .sha{width: 3000px;height: 3000px;position: absolute;right: 0;overflow: hidden;z-index: 0;background: url(../images/bg_shadow.png) no-repeat;background-size: cover;left: 660px;top: 310px;}
.all .rou{width: 540px;height: 540px;position: absolute;right: 0;overflow: hidden;z-index: 2;background: url(../images/bg_round.png) no-repeat;background-size: cover;left: 1892px;top: 1530px;}
.long_gif{width: 2160px;height: 1216px;position: absolute;margin: auto;left: 0;right: 0;top: 1200px;z-index: 100;}
.long_gif img{width: 2160px;height: 1216px;display: block;}
.inner_circle{width: 1400px;height: 1400px;position: absolute;z-index: 2;left: 1462px;top: 1100px;}
.inner_circle .hz{position: absolute;}
.inner_circle .hz img{width: 1400px;height: 1400px;}

.dy{width: 2160px;height: 3840px;background: url(../images/bg.png) no-repeat;background-size: 2160px 3840px;}
.dy .jy{width: 2160px;height: 1360px;}
.dy .jy img{display: block;width: 2160px;height: 1360px;}
.dy .e_List{width: 2160px;height: 640px;overflow: hidden;background: rgba(239,255,251,0.5);overflow-x: scroll;}
.dy .e_List ul{width: 6432px;height: 640px;}
.dy .e_List ul li{margin: 40px 64px 0;float: left;}
.dy .e_List ul li a{display: block;}
.dy .e_List ul li a img{display: block;width: 408px;}
.dy .txt{margin: 150px 0 0;text-align: center;}
.dy .txt img{width: 1900px;}

.layer{width: 1968px;height: 3148px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;;background: url(../images/bg_layer.png) no-repeat;background-size: 1968px 3148px;}
.layer .dy_icon{position: absolute;left: 100px;top: 100px;}
.layer .dy_icon img{width: 100px;height: 217px;}
.layer .head{width: 883px;height: 1115px;margin: 180px auto 0;background: url(../images/bg_picture_scroll.png) no-repeat;background-size: 883px 1115px;position: relative;}
.layer .head video{width: 315px;height: 534px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.layer .box{width: 1968px;height: 3148px;}
.layer .box .play{position: absolute;z-index: 9;right: 0;top: 0;}
.layer .box .play a{display: block;width: 180px;height: 180px;}
.layer .text{width: 1720px;height: 1712px;margin: auto;text-align: center;}
.layer .text img{width: 1720px;height: 1712px;}

.btn_a{width: 226px;height: 226px;position: fixed;bottom: -150px;cursor: pointer;margin: auto;left: 0;right: 0;}
.btn_a img{display: block;width: 226px;height: 226px;}
.btn_ret{background: url(images/btn_return) no-repeat;position: absolute;left: 36px;top: 36px;}
.btn_ret a{display: block;padding: 10px;width: 212px;height: 212px;}
.btn_ret a img{display: block;width: 212px;height: 212px;}

.fadeOut { animation: fadeOut 8s ease; }
@keyframes fadeOut {
    0% { opacity: 1;margin-left: 0;rotate: 0deg;}
    8% { opacity: 0;margin-left: 300px;rotate: 180deg;}
    92% { opacity: 0;margin-left: 300px;rotate: 180deg;}
    100%{ opacity: 1;margin-left: 0;rotate: 0deg;}
}



@media screen and (max-width: 1080px){
html, body{width: 1080px;height: 1920px;}
.menu .menu-title-area {font-size: 45px;}
.menu .menu-title-area .menu-title {font-size: 50px;text-shadow: 0 0 3px rgba(0,0,0,0.75);}
.all{width: 1080px;height: 1920px;background: url(../images/bg_home.png) no-repeat;background-size: 1080px 1920px;}
.all .hid{width: 1080px;height: 1800px;}
.all .sha{width: 1500px;height: 1500px;left: 330px;top: 155px;}
.all .rou{width: 270px;height: 270px;left: 946px;top: 765px;}
.long_gif{width: 1080px;height: 608px;top: 600px;}
.long_gif img{width: 1080px;height: 608px;}
.inner_circle{width: 700px;height: 700px;left: 731px;top: 550px;}
.inner_circle .hz img{width: 700px;height: 700px;}
.dy{width: 1080px;height: 1920px;background-size: 1080px 1920px;}
.dy .jy{width: 1080px;height: 680px;}
.dy .jy img{width: 1080px;height: 680px;}
.dy .e_List{width: 1080px;height: 320px;}
.dy .e_List ul{width: 3216px;height: 320px;}
.dy .e_List ul li{margin: 20px 32px 0;}
.dy .e_List ul li a img{width: 204px;}
.dy .txt{margin: 95px 0 0;}
.dy .txt img{width: 950px;}

.layer{width: 984px;height: 1574px;background-size: 984px 1574px;}
.layer .dy_icon{left: 50px;top: 50px;}
.layer .dy_icon img{width: 50px;height: 108px;}
.layer .head{width: 441px;height: 557px;margin: 90px auto 0;background-size: 441px 557px;}
.layer .head video{width: 157px;height: 267px;}
.layer .box{width: 984px;height: 1574px;}
.layer .box .play a{width: 90px;height: 90px;}
.layer .text{width: 860px;height: 856px;}
.layer .text img{width: 860px;height: 856px;}

.btn_a{width: 113px;height: 113px;bottom: -75px;}
.btn_a img{width: 113px;height: 113px;}
.dialog__content{width: 984px;height: 1574px;}
.btn_ret{left: 18px;top: 18px;}
.btn_ret a{padding: 5px;width: 106px;height: 106px;}
.btn_ret a img{width: 106px;height: 106px;}

.fadeOut { animation: fadeOut 8s ease; }
@keyframes fadeOut {
    0% { opacity: 1;margin-left: 0;rotate: 0deg;}
    8% { opacity: 0;margin-left: 150px;rotate: 180deg;}
    92% { opacity: 0;margin-left: 150px;rotate: 180deg;}
    100%{ opacity: 1;margin-left: 0;rotate: 0deg;}}


}