@charset "utf-8"; 
/* CSS Document */
html,body,ul,li,h1,h2,h3,h4,h5,h6,p,div,a{ margin:0; padding:0; list-style:none; font-family:"Microsoft YaHei"; }
/* html,body{ position:relative; height:100%; overflow:hidden; } */

#a_bottom{ margin-top:0; }
.loading{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background:#000; background-size:100%; display:none; }
.loading .loadingTxt{ font-size:18px; left:50%; top:50%; position:absolute; transform:translate(-50%,-50%); color:#dbdbdb; }

.page_pc{ position:relative; overflow:hidden; max-width:1920px; margin:0 auto; background-color:#151515; }
.page_pc .p_kv{ position:relative; width:100%; }
.page_pc img{ margin:0; padding:0; max-width:100%; display:block; }
.page_pc video{ margin:0; padding:0; max-width:100%; display:block; }
.page_pc .icon{ display:inline-block; width:auto; height:0.8em; }
.page_pc .vidBtn{ position:absolute; left:46%; top:50%; width:6.5vw; transform:translateY(-50%); cursor:pointer; }

.page_pc .p_w1{ position:relative; width:100%; }
.page_pc .rel{ position:relative; z-index:10; }
.page_pc .vBox:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.page_pc .vidHtml>div{ height:56.25vw; }

.page_pc .tipsBox{ position:absolute; font-size:2.08vw; line-height:1em; left:0; top:-0.625vw; width:38.745vw; padding:1.40625vw 5.625vw 2.34375vw 16.15vw; background:url(../images/tips_bg.png) no-repeat; background-size:100%; color:#fff; }
.tipsBox img{ display:inline-block; width:auto; height:0.9em; vertical-align:middle; }
.tipsBox span{ display:inline-block; font-size:1.04vw; line-height:2em; padding:0 0.5em; border:solid 0.1vw #907250; border-radius:0.4vw; vertical-align:top; }
.tipsBox span strong{ font-size:1.46vw; line-height:1.4em; font-weight:bold; }
.tipsBox span.sp2{ font-size:0.9375vw; line-height:2.2em; }
.tipsBox span.sp2 strong{ font-size:1.2vw; line-height:1.7em; }

.page_pc .cameristBg{ position:absolute; right:0; top:76.74%; width:29.6875%; height:18.6%; background:#aa8356; }
.page_pc .camerist{ position:absolute; left:45.57%; bottom:0; width:37.5%; }
.page_pc .cameristText{ position:absolute; left:73.65%; top:79.5%; color:#fff; font-size:1.2vw; }
.cameristText .name{ display:inline-block; font-size:1.7vw; line-height:1em; margin-bottom:1vw; }
.cameristText .text{ font-size:0.75vw; margin-top:0.1vw; }
.cameristText>div:nth-child(3){ margin-top:0.4vw; }

.page_pc .vTextBox{ position:absolute; left:20.83%; top:20.93%; width:30%; color:#fff; }
.vTextBox h4{ font-weight:normal; font-size:2.26vw; }
.vTextBox h3{ font-weight:normal; font-size:4.16vw; line-height:1.25em; }
.vTextBox p{ font-weight:normal; font-size:0.833vw; line-height:1.8em; margin-top:1.04vw; }
.vTextBox p>a{ color:#fff; text-decoration:underline; font-weight:bold; }

.vTextBox .btnWorks{ width:14.74vw; cursor:pointer; margin:1vw 0 0 -1.7vw; }

.vTextBox .vid01{ width:26.39%; margin-top:2.6vw; }
.vTextBox .vid02{ width:73.96%; margin-top:2.6vw; }

.page_pc .vBtn{ height:56.25vw; cursor:pointer; }
.page_pc .vBtn>div{ height:100%; }


.page_pc .banBox>p{ position:absolute; text-align:right; font-size:1.5vw; line-height:1.5em; color:#dab892; }
.banBox .text01{ right:60.9375%; top:30.3%; }
.banBox .text02{ right:63.125%; top:37.8%; }
.banBox .text03{ right:64.48%; top:44.5%; }
.banBox .text04{ right:64.48%; top:51.5%; }
.banBox .text05{ right:63.125%; top:59%; }
.banBox .text06{ right:60.9375%; top:65.5%; }
.banBox .btnOrder{ width:36.875%; position:absolute; top:84%; left:23.2%; }
.banBox .btnOrder1{ width:14.7%; position:absolute; top:84%; left:62.18%; }

.vidBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000; }
.vidBox{ position:absolute; left:50%; top:50%; width:960px; height:540px; margin:-270px 0 0 -480px; }
.vidClose{ position:absolute; left:50%; top:50%; margin:-270px 0 0 480px; text-align:center; width:40px; font-family:"Lucida Console", Monaco, monospace; font-size:40px; height:40px; line-height:40px; color:#fff; cursor:pointer; }


.tkBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000; }
.tkBg .yzBox{ position:absolute; left:50%; top:50%; width:960px; height:640px; background:#000; margin:-320px 0 0 -480px; background:url(../images/loading.gif) center center no-repeat #000; background-size:5%; }
.tkBg .yzBox>img{ display:block; width:auto; max-width:100%; max-height:100%; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); }
.tkBg .yzBox>span{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; line-height:1.5em; padding:0.5em 1em; box-sizing:border-box; text-align:right; }
.tkBg .yzBox>span>span{ float:left; color:#fff; }
.tkBg .btnClose{ position:fixed; left:50%; top:50%; margin:-320px 0 0 480px; padding:0; text-align:center; width:40px; font-family:"Lucida Console", Monaco, monospace; font-size:40px; height:40px; line-height:40px; color:#fff; cursor:pointer; z-index:100; }

.tkBg .btnLeft{ position:absolute; left:50%; top:50%; width:25px; margin:-31px 0 0 -525px; cursor:pointer; }
.tkBg .btnRight{ position:absolute; left:50%; top:50%; width:25px; margin:-31px 0 0 500px; cursor:pointer; }


.page_pc .iframeBox{ position:fixed; left:100%; top:0; width:100%; height:100%; overflow:hidden; z-index:1000; transition:all 0.4s ease; }
.page_pc .iframeBox.active{ left:0; }
.iframeBox .iframeClose{ position:absolute; right:21px; top:0; width:80px; height:80px; font-family:"Lucida Console", Monaco, monospace; font-size:80px; height:80px; line-height:1em; text-align:center; color:#000; cursor:pointer; z-index:1000; }




.page_pc .wjj{ position:absolute; width:14.27%; top:8.9%; left:14.5%; animation:0.5s op linear forwards; animation-delay:1.5s; opacity:0; }
.page_pc .lf{ position:absolute; width:13.85%; top:42.3%; left:7.08%; animation:0.5s op linear forwards; animation-delay:2s; opacity:0; }
.page_pc .lms{ position:absolute; width:18.75%; top:57%; left:22%; animation:0.5s op linear forwards; animation-delay:2.5s; opacity:0; }
.page_pc .zwh{ position:absolute; width:14.1%; top:66%; left:70.05%; animation:0.5s op linear forwards; animation-delay:3s; opacity:0; }
.page_pc .zjs{ position:absolute; width:10.73%; top:19%; left:84.0625%; animation:0.5s op linear forwards; animation-delay:3.5s; opacity:0; }
.page_pc .mk{ position:absolute; width:11.4%; top:4.16%; left:59.6%; animation:0.5s op linear forwards; opacity:0; animation-delay:4s; }
.page_pc .dss_bg{ position:absolute; top:15%; left:34.4375%; width:30.625%; }
.page_pc .dss_txt{ position:absolute; top:21.76%; left:41.6%; width:15.625%; opacity:0; animation:0.5s sf linear forwards; }
.page_pc .dss{ position:absolute; top:28.35%; left:32.9%; width:37.3%; opacity:0; animation:0.5s sf1 linear forwards; animation-delay:0.5s; }
.page_pc .dss_xj{ position:absolute; top:47.7%; left:42.7%; width:14.6%; opacity:0; animation:0.5s sf1 linear forwards; animation-delay:1s; }

.masterNav{ width:100%; position:absolute; top:0; left:0; padding-top:1.25vw; overflow:hidden; z-index:101; background:#171518; }
.mNavUl{ width:65.16vw; margin:0 auto; overflow:hidden; }
.masterNav.active{ position:fixed; top:0; }
.masterBox{ position:relative; height:100vh; background:url(../images/sys_bg01.jpg) no-repeat; background-size:100%; }
.masterBox .tips{ position:absolute; width:2%; right:14.2%; bottom:14vw; z-index:100; opacity:0; }
.masterBox .active .tips{ animation:1.5s op linear forwards; }
.masterBox .tips>div{ animation:shan 0.5s linear infinite alternate; }
.masterUl{ z-index:100; position:absolute; left:0; top:0; width:100%; transition:all 0.5s linear; }
.masterUl.active{ position:fixed; top:0.573vw; width:100%; }
.masterNav li{ float:left; width:7.24vw; padding:1.1vw 0 0.75vw;  cursor:pointer; position:relative; background-size:100%; background-repeat: no-repeat; background-position: center 1px; font-family:"Microsoft YaHei"; font-size:1.15vw; line-height:1em; color:#8e6338; text-align: center; }
.masterNav li::before{ content:""; position:absolute; left:0; top:1vw; width:1px; height:1.15vw; background:#473421;  }
.masterNav li:first-child::before{ display:none; }
.masterNav li.active{ background-image:url(../images/navbg.png); color:#fff; }
.masterNav li.active::before{ display:none; }
.masterNav li.active2::before{ display:none; }
.masterNav li:hover{ background-image:url(../images/navbg.png); }
.masterNav li:hover::before{  display:none; }
/* .masterNav li::after{ background:url(../images/navbg.png); }
.masterNav li.active::after{ animation:2s ll infinite; }
.masterNav li:nth-child(2){ background-position:0 -8.4375vw; }
.masterNav li:nth-child(3){ background-position:0 -16.875vw; }
.masterNav li:nth-child(4){ background-position:0 -25.3125vw; }
.masterNav li:nth-child(5){ background-position:0 -33.75vw; }
.masterNav li:nth-child(6){ background-position:0 -42.1875vw; }
.masterNav li:nth-child(7){ background-position:0 -50.625vw; }
.masterNav li:nth-child(7)::after{ left:68%; }
.masterNav li:nth-child(8){ background-position:0 -59.0625vw; }
.masterNav li:nth-child(9){ background-position:0 -67.5vw; }

.masterNav li:nth-child(1):hover{ background-position:12.5vw 0; }
.masterNav li:nth-child(2):hover{ background-position:12.5vw -8.4375vw; }
.masterNav li:nth-child(3):hover{ background-position:12.5vw -16.875vw; }
.masterNav li:nth-child(4):hover{ background-position:12.5vw -25.3125vw; }
.masterNav li:nth-child(5):hover{ background-position:12.5vw -33.75vw; }
.masterNav li:nth-child(6):hover{ background-position:12.5vw -42.1875vw; }
.masterNav li:nth-child(7):hover{ background-position:12.5vw -50.625vw; }
.masterNav li:nth-child(8):hover{ background-position:12.5vw -59.0625vw; }
.masterNav li:nth-child(9):hover{ background-position:12.5vw -67.5vw; }

.masterNav li:nth-child(1).active{ background-position:12.5vw 0; }
.masterNav li:nth-child(2).active{ background-position:12.5vw -8.4375vw; }
.masterNav li:nth-child(3).active{ background-position:12.5vw -16.875vw; }
.masterNav li:nth-child(4).active{ background-position:12.5vw -25.3125vw; }
.masterNav li:nth-child(5).active{ background-position:12.5vw -33.75vw; }
.masterNav li:nth-child(6).active{ background-position:12.5vw -42.1875vw; }
.masterNav li:nth-child(7).active{ background-position:12.5vw -50.625vw; }
.masterNav li:nth-child(8).active{ background-position:12.5vw -59.0625vw; }
.masterNav li:nth-child(9).active{ background-position:12.5vw -67.5vw; } */

.masterLi{ position:relative; display:none; height:100vh; width:100%; }
.masterLi .nav_bg{ height:100%; width:100%; }
.masterLi .nav_bg img{ height:100%; width:100%; }
.masterLi .vid01{ position:absolute; left:0; top:14.35%; width:58.33%; opacity:0; overflow:hidden; }
.masterLi .yz_btn01{ position:absolute; left:68%; bottom:0; width:16.45%; opacity:0; cursor:pointer; }
.masterLi .sys_txt01{ position:absolute; bottom:1.5vw; left:18.75%; width:36.25%; opacity:0; }
.masterLi .sys_txt01 h3{ font-size:2.4vw; color:#fff; }
.masterLi .sys_txt01 p{ color:#fff; font-size:0.8vw; margin-top:0.5vw; }
.masterLi:nth-child(5) .sys_txt01 p a{ margin-left:0; }
.masterLi .sys_txt01 p a{ display:inline-block; margin-left:1.5em; border-radius:0.75vw; background:#bd8038; color:#fff; font-size:0.8vw; line-height:1em; padding:0.3vw 0.8vw; }
.masterLi .sys_01{ position:absolute; right:14.8%; bottom:0; width:35.36%; opacity:0; }
.masterLi .sysTips{ position:absolute; right:13.39%; bottom:40.625vw; width:8.125%; opacity:0;}
.masterLi .sys_cwm{ width:34%; }
.masterLi .sys_wzy{ width:44.84%; }
.masterLi .sys_lhy{ width:33.125%; }
.masterLi .sys_zjs{ width:35.1%; }
.masterLi .sys_lf{ width:31.61%; }
.masterLi .sys_lms{ width:33.28%; }
.masterLi .sys_mk{ width:35.31%; }
.masterLi .sys_wjj{ width:41.77%; }
.masterLi .sys_zwh{ width:26.93%; }
.masterLi .mk_bg{ position:absolute; width:87.7%; right:0; bottom:0; opacity:0; }

.masterLi.active{ display:block; }
.masterLi.active .vid01{ animation:1s op linear forwards; animation-delay:0.25s; }
.masterLi.active .sys_01{ animation:0.5s op linear forwards; animation-delay:0.5s; }
.masterLi.active .sysTips{ animation:0.5s op linear forwards; animation-delay:0.5s; }
.masterLi.active .mk_bg{ animation:0.1s op linear forwards; animation-delay:0.5s; }
.masterLi.active .sys_txt01{ animation:0.5s sf1 linear forwards; animation-delay:0.75s; }
.masterLi.active .yz_btn01{ animation:0.5s sf1 linear forwards; animation-delay:1s; }

/* .masterLi3 .sys_01{ left:45.83%; width:39.3%; }
.masterLi4 .sys_01{ left:58.125%; width:27.4%; } */

.page_pc .md_txt01{ position:absolute; top:7.17%; left:38.54%; width:22.3%; opacity:0; }
.page_pc .md_txt02{ position:absolute; top:21%; left:29.17%; width:40.9375%; opacity:0; }
.page_pc .md_xj{ position:absolute; top:31.8%; left:50%; transform:translateX(-50%); width:27.7%; opacity:0; }
.page_pc .md01{ position:absolute; top:29.2%; left:60%; width:9.58%; opacity:0; }
.page_pc .md02{ position:absolute; top:42.7%; left:69.9%; width:9.58%; opacity:0; }
.page_pc .md03{ position:absolute; top:55.38%; left:60%; width:9.58%; opacity:0; }
.page_pc .md04{ position:absolute; top:55.38%; left:30.4%; width:9.58%; opacity:0; }
.page_pc .md05{ position:absolute; top:42.7%; left:20.5%; width:9.58%; opacity:0; }
.page_pc .md06{ position:absolute; top:29.2%; left:30.4%; width:9.58%; opacity:0; }
.page_pc .md_btn{ position:absolute; top:84.1%; left:33.4375%; width:32.8125%; opacity:0; }
.mdBox.active .md_txt01{ animation:0.5s sf linear forwards; }
.mdBox.active .md_txt02{ animation:0.5s sf linear forwards; animation-delay:0.3s; }
.mdBox.active .md_xj{ animation:0.5s op linear forwards; animation-delay:0.6s; }
.mdBox.active .md01{ animation:0.5s op linear forwards; animation-delay:0.9s; }
.mdBox.active .md02{ animation:0.5s op linear forwards; animation-delay:1s; }
.mdBox.active .md03{ animation:0.5s op linear forwards; animation-delay:1.1s; }
.mdBox.active .md04{ animation:0.5s op linear forwards; animation-delay:1.2s; }
.mdBox.active .md05{ animation:0.5s op linear forwards; animation-delay:1.3s; }
.mdBox.active .md06{ animation:0.5s op linear forwards; animation-delay:1.4s; }
.mdBox.active .md_btn{ animation:0.5s sf linear forwards; animation-delay:1.5s; }

.more{ width:45.3125%; position:absolute; left:50%; transform:translate(-50%); top:42.6%; }
.more li{ width:10.9375vw; float:left; margin-right:4vw; background:url(../images/more.png); height:5.2vw; background-size:24.6vw; }
.more li a{ display:block; width:100%; height:100%; }
.more li:last-child{ margin:0; }
.more li:nth-child(2){ background-position:0 -6.4vw; }
.more li:nth-child(3){ background-position:0 -12.7vw; }
.more li:nth-child(1):hover{ background-position:12.85vw 0; }
.more li:nth-child(2):hover{ background-position:12.85vw -6.4vw; }
.more li:nth-child(3):hover{ background-position:12.85vw -12.7vw; }
@keyframes op{ 
    0%{ opacity:0; }
    100%{ opacity:1; }
}
@keyframes shan{ 
    0%{ opacity:0.5; }
    100%{ opacity:1; }
}
@keyframes sf{ 
    0%{ transform:translateY(100%); opacity:0; }
    100%{ transform:translateY(0); opacity:1; }
}
@keyframes sf1{ 
    0%{ transform:translateY(30%); opacity:0; }
    100%{ transform:translateY(0); opacity:1; }
}
@keyframes ll{ 
    10%{ transform:translateX(-20%); }
    20%{ transform:translateX(20%); }
    30%{ transform:translateX(-20%); }
    40%{ transform:translateX(20%); }
    50%{ transform:translateX(0); }
}

@keyframes rf{ 
    0%{ left:100%; opacity:0; }
    100%{ left:50%; opacity:1; }
}