*{margin:0;padding:0;font-family:'微软雅黑','microsoft yahei','',sans-serif;outline:none;color:#222}
html{display:block;overflow-x:hidden;} 
body{background:#fbfaf8;display:block;-webkit-text-size-adjust:none;overflow-x:hidden;width:100%;margin:0 auto; }
footer,header,section,figure,nav,article,aside,hgroup{display:block;}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline;vertical-align:top;}
audio:not([controls]) {display: none;height: 0;}
img{vertical-align:middle;border:none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font: inherit;color: inherit;}
button {overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;background:none}
input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box;  padding: 0;margin-right:5px;width:auto;max-height:16px;max-width:16px;position:relative;top:1px}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend {padding: 0; border: 0;}
textarea {overflow: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
option{padding:5px 0;display:block;line-height:20px;text-indent:10px;}
optgroup {font-weight: bold;}
table { border-spacing: 0;border-collapse: collapse;width:100%}
td,th {padding: 0;}
b,i,em,span{color:inherit}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a{text-decoration: none;border: 0;color:inherit;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#881d2d} 
hr {border: none;height:0;}
p {margin: 0;display:block;}
ul,ol,dl { padding:0;margin:0;}
li{list-style:none;padding:0;margin:0;}
dt,dd {font-weight:normal;display:block;color:inherit}
table { background-color: transparent;width:100%;}
caption { padding-top: 8px;padding-bottom: 8px;color: #777; text-align: left;}
th {text-align: left;}
input[type="file"] {display: block;}
input[type="range"] {display: block;width: 100%;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline:none}
output {display: block;font-size:14px; line-height: 14px;color: #333333;}
input::placeholder,textarea::placeholder{ color: #777;}
input::-webkit-input-placeholder,textarea:-moz-placeholder{color: #999;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;}
input[type="radio"],input[type="checkbox"]{width:14px;outline:none;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled { cursor: not-allowed;}
button{border:none}
.pager {text-align:center;font-size:0;clear:both;letter-spacing:-4px;padding-top:2%}
.pager a {-webkit-transition:all 0.5s ease; transition:all 0.5s ease;display: inline-block;vertical-align:top;letter-spacing:normal;padding:0 12px;line-height:29px;color:#881d2d;font-size:14px;margin:4px;border:1px solid #881d2d;border-radius:2px }
.pager a.sp{border:none;margin:0;}
.pager.sp  a,.pager.sp span {color:#fff;}
.pager span{line-height:29px;color:#881d2d;font-size:14px; padding:0 12px; display:inline-block;letter-spacing:normal;margin:4px;border:1px solid #881d2d;border-radius:2px }
.pager  a:hover,.pager a:focus,.pager span.current {background:#881d2d;border-color:#881d2d;color:#fff }
.pager.sp li > a:hover,.pager.sp li > a:focus,.pager.sp li.active > a {background:#881d2d; color:#fff  }
select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;}
.clear::after{clear:both;display:block;content:"";width:100%;}
.clear{clear:both;display:block;}
.label{position:relative;display:block;padding-bottom:65.5%;overflow:hidden;width:100%}
.label>img{position:absolute;top:0;left:0;height:100%;min-width:100%;}
.head{background:url(../img/btn.jpg) repeat-x;height:80px;line-height:80px;position:relative;z-index:3000;box-shadow:0 2px 6px rgba(0,0,0,.1) }
a.logo{height:80px;line-height:80px;float:left;}
.cont{width:1200px;margin:0 auto;position:relative;z-index:20}
.guide{text-align:center;font-size:20px;float:right;color:#881d2d; }
.guide a{margin-left:10px;position:relative;padding:18px 16px 18px 20px;display:inline-block;vertical-align:top;font-family:楷体;font-weight:bold;width:44px;line-height:22px;text-shadow:0 0 2px #fff;}
.guide a.active,.guide a:hover{font-weight:bolder;color:#ff0000;text-shadow:0 0 1px  #881d2d}
.bg{clear:both;position:relative;padding:5% 0 5%; background: #fff;
background: -moz-linear-gradient(top, #f3ebe8 0%, #fff 33.5%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3ebe8), color-stop(33.5%, #fff), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, #f3ebe8 0%, #fff 33.5%, #fff 100%);
background: -o-linear-gradient(top, #f3ebe8 0%, #fff 33.5%, #fff 100%);
background: -ms-linear-gradient(top, #f3ebe8 0%, #fff 33.5%, #fff 100%);
background: linear-gradient(top, #f3ebe8 0%, #fff 33.5%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3ebe8", endColorstr="#fff", GradientType=0);}
.distance{padding-bottom:5%;clear:both;display:block;}
.margin{height:80px;clear:both;display:block;}
@font-face {
font-family: music;
src:url(music.ttf);
}
.home{text-align:center;margin-bottom:4%; }
.flow{position:absolute;top:-5%;left:0;z-index:-1}
.home h3{font-family:music;font-size:40px;color:#881d2d;line-height:1.3;overflow:hidden;white-space:nowrap}
.home dd{font-family:楷体;color:#333;font-size:20px;line-height:30px;font-weight:bold;}
.home dd b{width:30px;display:inline-block;vertical-align:top;border-radius:50%;background:#881d2d;color:#fff;font-family:楷体;margin-left:3px}
.one{display:inline-block;vertical-align:top;padding:30px 40px;background:url(../img/ju.png) repeat-x;position:relative;}
.one::before{width:34px;height:100%;content:"";display:block;background:url(../img/ju1.png) no-repeat left center;position:absolute;top:0;left:0}
.one::after{width:34px;height:100%;content:"";display:block;background:url(../img/ju2.png) no-repeat right center;position:absolute;top:0;right:0}
.one img{position:absolute;bottom:0;right:-30px;z-index:200}
.bg::before{width:100%;display:block;height:30px;content:"";position:absolute;left:0;bottom:-15px;z-index:200;background:url(../img/bg2.png) repeat-x center;}
.about{width:80%;margin:0 auto}
.avtar{width:300px;}
.say{padding-left:7%;font-size:16px;line-height:1.6;color:#666}
.play li{width:23.5%;float:left;margin-bottom:2%;margin-right:2%;position:relative;}
.play li a{border:3px solid #881d2d;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}
.play li a::after{width:100%;height:100%;background:url(../img/kuang.png) no-repeat center center;background-size:cover;content:"";position:absolute;top:0;left:0;pointer-events:none}
.play li:nth-child(4n){margin-right:0%} 
.play li dd{text-align:center;font-size:18px;padding-top:10px;color:#881d2d}
.more{clear:both;padding-top:2%;text-align:center}
.more a{border:1px solid #881d2d;width:180px;font-size:20px;font-family:music;display:inline-block;color:#881d2d;line-height:2;border-radius:4px}
.more a:hover{background:#881d2d;color:#fff}
.fu{position:absolute;bottom:0;right:0;}
.fu2{position:absolute;bottom:0;left:0}
.vr{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.foot{background:#fffaf6;text-align:center;padding-top:40px;padding-bottom:30px;}
.site a{font-size:14px;margin:0 5px}
.copy{font-size:12px;padding-top:8px}
.gall li{width:32%;float:left;margin-right:2%;box-sizing:border-box; border-radius:5px;margin-bottom:2%;position:relative;border-radius:6px;overflow:hidden;}
.gall li:nth-child(3n){margin-right:0}
.gall li::after{width:100%;height:100%;background:url(../img/kuang.png) no-repeat center center;background-size:cover;content:"";position:absolute;top:0;left:0;pointer-events:none}
.paper{position:relative;padding:45px 30px;border:8px solid #881d2d;font-size:14px;line-height:26px;color:#333;text-align:justify;border-radius:15px;min-height:500px;background:rgba(255,255,255,.7)}
.paper::after{bottom:6px;top:6px;left:6px;right:6px;border:4px solid #881d2d;border-radius:10px;position:absolute;content:"";pointer-events:none;clear:both;display:block;}
.ahead{margin-bottom:3%;text-align:center}
.ahead h3{font-size:28px;color:#881d2d;}
.ahead dd{font-size:14px;color:#999;padding-top:1%}
.paper img{display:block;margin:0 auto;max-width:100%;}
.offer{margin-top:3%}
.thead{border-bottom:3px solid #ddd;font-size:20px;color:#333;line-height:32px;height:32px; }
.thead>b{border-bottom:3px solid #881d2d;display:inline-block;padding-right:2%;vertical-align:top;}
.thead a{float:right;font-size:14px;}
.address li{width:23.5%;margin-left:2%;margin-top:4%;float:left;box-shadow:0 0 5px  rgba(0,0,0,.3);background:rgba(255,255,255,.3)}
.address>li:first-child{margin-left:0}
.way{display:block;width:100%;padding-bottom:57.4%;position:relative;}
.way>img{position:absolute;top:0;left:0;width:100%;height:100%;}
.infos{height:100px;padding:45px 0;display:flex;align-items:center;width:100%;text-align:center;justify-content:center;flex-wrap:wrap}
.infos dd{font-size:16px;line-height:1.5;color:#333333;}
.infos dt{font-size:20px;line-height:43px;color:#881d2d;margin-bottom:12px;}
.infos dt img{margin-right:10px;}
.hot{width:80%;margin:0 auto;background:#ffffe1;border:3px solid #a5805a;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.2);padding-bottom:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.news{padding:20px 40px}
.news li{border-bottom:1px dashed #ccc;line-height:50px;position:relative;}
.news li dt a{font-size:22px;max-width:80%;display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news li label{position:absolute;right:0;top:0;font-size:16px;color:#999}
 



 @media screen and (max-width: 1400px) {
 
 }

 @media screen and (max-width: 1200px) {
.cont{width:98%; }
.say{background:rgba(255,255,255,.7)}
 }
 @media screen and (max-width: 1000px) { 
.guide a{margin-left:0;padding:18px 10px}
.fu{max-width:35%;}
.fu2{max-width:35%;}
.about{width:100%}
 }
 
 @media screen and (max-width: 800px) {  
.logo{max-height:30px;max-width:70%; }
a.menu{position:fixed;z-index:4000;display:block;width:40px;height:40px;top:20px;right:2%;}
a.menu b{height:4px;display:block;background:#881d2d;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;}
a.menu b.sp{margin-top:10px;}
a.menu b.mi{margin-top:10px;}
a.menu.active b{margin-top:18px;margin-bottom:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:none}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.guide{width:200px;background:#fff9f6;margin-top:0;position:fixed;top:0;top:80px;z-index:4000;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.03,1);transition:all 1.5s cubic-bezier(0.5,0,0.03,1);padding:10px 0;right:-200px;}
.guide.active{right:0;box-shadow:0 0 14px #881d2d}
.guide a{display:block;float:none;font-size:18px;line-height:3;width:100%;margin:0;padding:0}  
.play li dd{font-size:14px}
.foot{padding-top:2%;padding-bottom:2%}
.hot{width:100%;padding-bottom:4%}
.address li{width:48.5%;margin-left:3%}
.address > li:nth-child(3){margin-left:0}
 } 
 
 
 
 @media screen and (max-width: 640px) { 
.head{height:40px;line-height:40px}
.margin{height:40px}
a.logo{height:40px;line-height:40px; }
a.logo img{height:34px}
.guide a{font-size:16px;line-height:2.5 }
.guide{width:160px;right:-160px;top:40px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:0px}
.home h3{font-size:16px}
.home dd{font-size:14px;line-height:22px;}
.home dd b{width:22px}
.one{padding:15px 20px;background-size:56px}
.one::before,.one::after{background-size:10px}
.one img{width:40px;right:-20px}
.avtar{float:left;width:30%;display:block;margin-right:2%}
.say{padding-left:0;display:block;font-size:13px;color:#333}
.bg::before{opacity:0.5;height:14px;background-size:120px;bottom:-7px}
.play li{width:32%;}
.play li:nth-child(4n){margin-right:2%}
.play li:nth-child(3n){margin-right:0%}
.play li dd{font-size:12px;padding-top:2px}
.more a{font-size:14px;width:100px}
.site{display:none}
.pager span,.pager a{margin:0 -1px 0 0}
.ahead h3{font-size:16px;}
.ahead dd{font-size:12px}
.paper{padding:20px 10px;border:2px solid #881d2d;border-radius:6px}
.paper::after{display:none;}
.thead{font-size:16px;line-height:28px;height:28px}
.news{padding:2% 3%;}
.news li dt a{font-size:14px;}
.news li{line-height:32px}
.news li label{font-size:12px}
.infos dt{font-size:15px;margin-bottom:4px;line-height:30px}
.infos dt img{width:24px;margin-right:5px}
.infos dd{font-size:13px;padding:0 5%; line-height:1.3}
.infos{padding:10px 0;height:75px}
 }