﻿/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,ins,a,address,code,del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;font-size:inherit;}
textarea{font-family:inherit;padding:0;margin:0;resize:none;outline:none;font-size:inherit;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;background-color:#18181a;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5,h6{font-size:inherit;}
i,em,address,ins{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	
a:active{}	
a:visited{}
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	
.no_bor{ border:none!important;}
.no_bg{ background:none!important;}
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}
.center{margin:0 auto;width:1280px;}	


#top-icon-space{height:64px;}
#top-icon{width:1920px;height:60px;position:fixed;z-index:11999;background-color:#FFF;border-bottom-style:solid;border-color:#ffffff;margin:0 auto;left:50%;margin-left:-960px;}
.nav_logo{position:absolute;left:129px;top:8px}
.nav_logo p{font-size:31px;font-family:'dbsjt';float:left;background-image:-webkit-linear-gradient(left,#770808,#ff0000 25%,#770808 50%,#ff0000 75%,#770808);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 2s infinite linear}
.nav_logo p img{padding-right:10px}
.nav_icons{position:absolute;top:5px;right:330px;z-index:20}
.nav_icons ul li{float:left;margin:0 20px}
.nav_icons ul li a{display:block;width:36px;position:relative;color:#4f4f4f;text-align:center;cursor:pointer}
.nav_icons ul li a span:hover{opacity:0.6}
.nav_icons ul li a span{display:block;margin:0 auto 5px;height:29px;background-image:url(../images/icons.png);background-repeat:no-repeat}
.nav_icons ul li a span.icon-news{width:27px;background-position:0 0}
.nav_icons ul li a span.icon-weixin{width:35px;background-position:-51px 0}
.nav_icons ul li a span.icon-weibo{width:35px;background-position:-104px 0}
.nav_icons ul li a span.icon-qq{width:28px;background-position:-159px 0}
.nav_icons ul li a span.icon-kf{width:37px;background:url(../images/icon_kf.png) center top no-repeat}
.nav_icons ul li a span.icon-ds{width:87px;background:url(../images/iconlogo.png) center top no-repeat}
.nav_icons ul li a span.icon-music-play{width:28px;background-position:-208px 0;-webkit-animation:rotate 4s linear infinite;-moz-animation:rotate 4s linear infinite;-o-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}
.nav_icons ul li a span.icon-music-pasue{width:28px;background-position:-253px 0}
.nav_icons ul li a:hover div{display:block}
.nav_icons ul li a div{display:none;position:absolute;top:90px;left:-91px;background:#fff;padding-bottom:15px;padding-top:5px}
.nav_icons ul li a div:before{display:block;content:'';width:0;height:0;border:24px solid transparent;border-bottom-color:#fff;position:absolute;top:-42px;left:50%;margin-left:-24px}
.nav_icons ul li a div img{width:200px;height:200px;border:2px solid #fff}
.nav_icons ul li a div em{font-size:16px;color:#1e1a1c;text-align:center;font-style:normal}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
 from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@keyframes rotate{
    from{transform:rotate(0deg)}
to{transform:rotate(359deg)}
}
@-webkit-keyframes masked-animation{
    0%{background-position:0 0}
    100%{background-position:-100% 0}
}
.beat{width:90px !important}

