*{margin:0;padding:0;}
html{overflow-x:hidden;} 
body{background:#fff;-webkit-text-size-adjust:none;overflow-x:hidden;font-family: '微软雅黑','microsoft yahei','',sans-serif;outline:none;color:#333;font-size:14px; }
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}
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:color 0.5s ease;transition:color 0.5s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#cfa972} 
hr {border: none;height:0;}
p {margin: 0;display:block;color:inherit;}
.nowrap{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
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: #cfa972;}
input::-webkit-input-placeholder,textarea:-moz-placeholder{color: #cfa972;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#cfa972;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#cfa972;}
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:1%;padding-bottom:1%}
.pager a {-webkit-transition:all 0.5s ease; transition:all 0.5s ease;display: inline-block;vertical-align:top;letter-spacing:normal;padding:0 10px;line-height:30px;color:#696a74;font-size:14px;margin:4px;border:1px solid #d2d2d2; }
.pager a.sp{border:none;margin:0;}
.pager.sp  a,.pager.sp span {color:#fff;}
.pager span{line-height:30px;color:#696a74;font-size:14px; padding:0 10px; display:inline-block;letter-spacing:normal;margin:4px;border:1px solid #d2d2d2; }
.pager  a:hover,.pager a:focus,.pager span.current {border-color:#cfa972;color:#cfa972 }
.pager.sp li > a:hover,.pager.sp li > a:focus,.pager.sp li.active > a {background:#bf233d;border-color:#bf233d;color:#fff  }
select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;}
.clear{clear:both;display:block;}
.label{position:relative;display:block;padding-bottom:75%;overflow:hidden;width:100%}
.label>img{position:absolute;top:0;left:0;height:100%;min-width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.label:hover>img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.head{background:#161616;height:80px;line-height:80px;position:relative; }
a.logo{height:80px;line-height:80px;float:left;}
.distance{clear:both;padding-bottom:70px;width:100%;}
.cont{width:1200px;margin:0 auto;position:relative;}
.guide{text-align:center;font-size:16px;float:right;color:#fff}
.guide a{margin-left:50px;float:left;position:relative;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.guide a:after{width:0%;height:1px;background:#cfa972;position:absolute;top:80%;left:50%;content:"";display:block;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.guide a.active:after,.guide a:hover:after{width:100%;left:0 }
.guide a.active{color:#cfa972}
.bg{clear:both;position:relative;overflow:hidden}
@font-face {font-family: "iconfont";
    src: url('../css/iconfont.eot?t=1571558585853#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANoAAsAAAAACAAAAAMbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXAqCSIIMATYCJAMgCxIABCAFhG0HYxvpBhEVlPVkf0vuBGV7dZwDQ3QYZArfck8I+ttlr/smTNcfOpCyHhDMdaVi5mBGPiYe/lvjd9/M7Pp3oKlFDskkk6hiiaRSSZ8uVqpXQiSLZhOf79R/mRMsfBQbi5LnAV/g2W2NS1TAFnMU6tAOnHMZ5AOfRVomlo5hA1v/J3njAqBsdpEht/SqCVFCZRXlJbgDsLmRj5qe/WHnvm9rrg7YqAhVkmfh36NfyC43nTRHTnwCWMX//DHTJdBA8tm3uXQF4HhAA826aDqSAjphvmHsJsqDuJ9AbwmK7K0kC1AUYFUgTg15CCgpj6Jo8VaoSw4WcRuqTbfSApjnvx9fEEZLUmVg44FWTIDymOFv/l8diuEFBPF4hYxNoBAXSyOnwQuNxOvfItgP6LWS9P59nIVp///vnzFOFezI0puE/+IRkqyo1BqiBnJHcFwSN+fHxYjg/QuReP9GZN7/EYUPIKLiA4mo+UAd0YAWTKdjW8Ahibh1JKCx62pw0VhfscjUySZNDDvVslxPeAQYU2XEBcxkapMYeWbmPquGEz+jTvQ8NYWp6c3fKY3jtHA/YNr3RNXfnYP9FEW8qv2sDf1KSh8jwzwZmGHksiF0uFwz7QCwIL/hfsgv5Qekx+mDfJYLgPQ9bVuaXpXJuj/1Nx7/f/Tt9KsyFPD6liRrivGirURr7n/hthwqLh9o22J3h2sEWmOvLyT0evwTx6zXmLKFrUOENsXvYWssdiBrrcIW4iaoDDZDrbUDehvV1sHcn64pHTa4iRCm3SGZ9AKyaQ9sIT6hssgJtenI0DtI/AsHa0IXTxdGJWhBvyEaGh3SyynI/0J/L4qTfE7+Q56jH/qmy8Y/cUQeY8v88IOIA8dU4UN4GJZCMDElNNIEkenctq7skxpDdXFalFEJWtBviIZGRyfLKffzX+jvRXFNW4fxD3mOs0PfdC2wn5KxVdu1fGR++EHEgWOq8CHMw1IIpvJ5CY00oUdoOrdwnGsraeaX1Sc9hfQL8EYvg6RohsWcKGZ6cvRBjtFrCzrZaGXyxtJz3Iz4kh1jpQeu7tNiAQA=') format('woff2'),
    url('../css/iconfont.ttf') format('truetype') 
  }
.icon{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.home{text-align:center;padding:5% 0 4%;overflow:hidden}
.home  h2{font-size:28px;line-height:1;padding-bottom:10px}
.home  p{font-size:14px;line-height:1;text-transform: uppercase;font-weight:200}
.home  h2 img{margin-right:1%;margin-top:-2px;}
.vr{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.cover{display:block;padding-bottom:65.5%;overflow:hidden;position:relative;}
.box{background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;left:0;top:0;width:100%;height:100%;display:block;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.box:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
 .tel{padding-left:40px;font-size:14px;color:#7e7e7e;background:url(../img/tel.png) no-repeat left center;position:absolute;top:50%;right:3%;line-height:1.2;margin-top:-18px}
 .tel h3{font-size:16px;font-family:impact}
.long{padding-bottom:5%;clear:both;display:block;}
.flex{display:-webkit-box;display: flex;-webkit-box-pack:justify;justify-content: space-between;-webkit-box-align: centerl;align-items: center}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;z-index:1;background:rgba(207,169,114,.9)} 
.mask:hover{filter:alpha(opacity=100);opacity:1;}
.foot{background:#161616;color:#fff;clear:both;}
.web{vertical-align:top}
.web p{line-height:34px}
.web h4{font-size:16px;padding-bottom:17px;margin-bottom:10px;background:url(../img/q.png) no-repeat left bottom}
.code{text-align:center;vertical-align:top}
 .code img{max-width:108px;margin-bottom:8px}
 .copy{color:#999999;padding:1.6% 0;border-top:1px solid #464646;text-align:center;}
.playing li{width:49%;float:left;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,.2)}
.playing li:nth-child(2n-1){margin-right:2%}
.playing li .cover{padding-bottom:100%}
.ninfo{padding:3% 6%;line-height:1.3;border-bottom:1px solid #f5f5f5}
.ndt{font-size:16px;color:#222;}
.ndt a{max-width:100%;display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ndd{font-size:14px;color:#999999;padding-top:1%;line-height:20px;height:40px;overflow:hidden;}
.time{padding:2.5% 6%;font-size:12px;color:#999999;position:relative;line-height:20px}
.time a{width:20px; height:20px;position:absolute;top:50%;display:block;background:url(../img/ey.png) no-repeat center center;right:6%;margin-top:-10px}
.time a:hover{background:url(../img/ey2.png) no-repeat center center;}
 .hdd{font-size:16px;line-height:22px;color:#909090;height:44px;overflow:hidden;}
.hdt{font-size:20px;line-height:1.4;margin-bottom:3%;}
.hdt a{transition:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;max-width:100%;color:#000;}
.hdt a:hover,.times a:hover{color:#fff;text-decoration:underline;}
.times{font-size:14px;color:#909090;padding-left:20px;background:url(../img/ti.png) no-repeat left center;line-height:20px;margin-top:5%}
.times a{float:right;}
.data:hover {background:#cfa972 }
.data:hover .hdd,.data:hover .hdt a{color:#fff}
.data:hover .times{color:#fff;background:url(../img/ti2.png) no-repeat left center;}
.data{padding:6% 6% 5%;background:#f2f2f2;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:relative; }
.coco{font-size:0;letter-spacing:-5px;text-align:center;margin-bottom:-1% }
.coco li{display:inline-block;vertical-align:middle;padding:0 2.5%;position:relative;margin-bottom:2.5%;max-width:15%}
.coco li img{max-width:100%;max-height:50px}
.coco li img.sp{display:none}
.coco li:after,.coco li:after{height:22px;width:1px;content:"";display:block;background:rgba(255,255,255,.6);position:absolute;left:0;top:50%;margin-top:-11px;}
.coco li:first-child:after{display:none}
.coco li:hover img{display:none}
.coco li:hover img.sp{display:inline}
   .lxin{text-align:center;margin-bottom:3.5%}
.lxin a{font-size:16px;line-height:28px;color:#333;padding:0 20px;margin:0 1%;display:inline-block;vertical-align:middle;border:1px solid rgba(0,0,0,0)}
.lxin a.active,.lxin a:hover{border-color:#333}
 .up{position:fixed;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);z-index:2000;padding:1.7% 0;overflow:hidden;display:none}
.ins{display:inline-block;vertical-align:middle;}
.ins input{height:35px;background:#fff;line-height:35px;padding-left:10px;width:160px;border:none;color:#cfa972;margin:0 15px;}
.ins select{color:#cfa972;height:35px;background:#fff;line-height:35px;padding-left:10px;width:120px;border:none;background:url(../img/sel.png) no-repeat right center #fff;margin:0 15px;}
.btn{font-size:16px;line-height:35px;width:160px;background:#cfa972;color:#fff;border:none;text-align:center;margin:0 15px;}
.clos{position:relative;float:right;}
.clos:after{width:1px;height:60px;content:"";display:block;background:#fff;position:absolute;bottom:100%;left:17px;}
 
 
 
 @media screen and (max-width: 1600px) {
 
 }

 @media screen and (max-width: 1200px) {
.cont{width:98%; }
.guide a{margin-left:30px}
.coco li::after, .coco li::after{display:none}
.up{width:400px;padding:3%;bottom:0%; max-width:94%}
.up .flex{display:block;text-align:center;}
.ins{width:100%;padding-top:4%}
.ins input,.ins select{float:left;width:42%;margin:0 2% 4%}
 .clos{position:absolute;right:-10px;top:40px}
 }
 @media screen and (max-width: 1000px) { 
 .guide a{margin-left:15px}

 }
 
 @media screen and (max-width: 800px) {  
.logo{max-height:30px;max-width:70%; }
.head{height:80px;line-height:80px}
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:#cfa972;-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:#161616;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);overflow-y:auto;right:-200px;}
.guide.active{right:0;box-shadow:0 0 14px rgba(0,0,0,.5)}
.guide a{display:block;float:none;font-size:18px;line-height:2.5;width:100%;margin:0;padding:0}  
.guide a:after{display:none;}
 .guide a.active{background:#cfa972;color:#fff}
 .home h2{font-size:20px}
 .coco li{padding:0 1.5%;max-width:33%}
.coco li img{max-height:30px}
.hdt{font-size:16px}
.hdt{margin-bottom:6px}
.hdd{font-size:14px;line-height:20px;height:40px}
.web h4{font-size:16px;}
 } 
 
 
 
 @media screen and (max-width: 640px) { 
.head{height:50px;line-height:50px}
a.logo{height:50px;line-height:50px; }
a.logo img{height:36px}
.guide a{font-size:15px;}
.guide{width:160px;right:-160px;top:50px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:5px}
.pager span,.pager a{margin:2px;}
 .home h2{font-size:16px;padding-bottom:2px}
 .home h2 img{height:16px}
.home p{font-size:12px}
.ninfo,.data{padding:3%}
.ndd,.hdd{font-size:13px;line-height:18px;height:36px}
.data{padding:3%}
.hdt{margin-bottom:1%}
.times{font-size:12px;margin-top:2%}
.foot>.cont{display:none;}
.copy{font-size:12px}
#foot{-webkit-animation:none!important;animation:none!important;}
 }