@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,input{ margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-style:normal; }
body{line-height:1.2;word-break:break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,li{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}
input,select{vertical-align:middle}
html{font-size:13px}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:1px}
img { vertical-align:top; }
html,body{height:100%;}
button{background: transparent;}

.text-hidden {position: absolute;text-indent: -9999em;font-size: 0;}
img {width: 100%;}

#wrap {overflow: hidden; width: 100%; background: #fff;}
.container, .foot {width: 100%;}
.inner {position: relative; max-width: 860px; width: 100%; margin: 0 auto;}
div[class^="btn"] a {display: block; width: 100%; height: 100%;}
.btns a {position: absolute; text-indent: -9999em;}

section {position: relative;}
.section .cont {position: relative;}
.main {background: #fdf0eb;}
.main::before {position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: url('../images/bg.jpg') repeat-x; background-size: 100% 100%;}
.main .videoWrap {position: absolute; left: 50%; bottom: 5.23%; width: 87.907%; transform: translateX(-50%);}
.main .videoWrap video {width: 100%; height: 100%;}
.s1 {background: #fdf0eb;}
.s1 .btns {position: absolute; left: 50%; top: 36.15%; width: 72.1%; height: 7.4%; transform: translateX(-50%);}
.s2 {}
.s3 .btns {position: absolute; left: 50%; bottom: 4.2%; width: 72.1%; height: 8%; transform: translateX(-50%);}
.s4 {background: #ffddd5;}
.s5 {background: #f2efee;}
.section .notice {}
.section .notice .nTit {position: relative;}
.section .notice .nTit .btnNotice {position: absolute; left: 4.5%; top: 50%; width: 12.4%; height: 60%; transform: translateY(-50%);}
.section .notice .nTit .btnNotice::after {position: absolute; right: 0; top: 50%; content: ''; width: 13.14%; height: 21.9%; background: url('../images/icoNotice.png') no-repeat; background-size: 100%; transform: translateY(-50%); transform-origin: top;}
.section .notice .nTit .btnNotice.open::after {transform: rotate(180deg) translateY(-50%);}
.section .notice .nCont {display: none;}

.foot {position: relative; padding-bottom: 115px; background: #fff url('../images/bg2.jpg') repeat-x;}
.foot .inner>p {padding: 0 35px; padding-left: 55px; font-size: 34px; color: #040101; letter-spacing: -3px; text-indent: -20px;}

@media (max-width: 860px) {
  .foot {padding-bottom: 14.7%; background: #fff;}
  .foot .inner>p {padding: 0 4.3%; padding-left: 6.6%; font-size: 3.9vw; text-indent: -2.5%;}
}