﻿/* reset */
*, *:before, *:after {box-sizing:inherit;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0; box-sizing:border-box;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53; color:#333; outline:0;}

body{background:#fff;}
a,a:hover{color:#333;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-di{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-pa{position:absolute;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs12{font-size:12px;}
.f-fs14{font-size:14px;}
.f-fs16{font-size:16px;}
.f-fs18{font-size:18px;}
.f-fs20{font-size:20px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-fwb4{font-weight:400;}
.f-fwb5{font-weight:500;}
.f-fwb6{font-weight:600;}
.f-fwb7{font-weight:700;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-cls{display:block;clear:both; height:0;overflow:hidden;}
.f-blank0{}
.f-blank3{clear:both; height:3px; overflow:hidden; display:block;}
.f-blank6{clear:both; height:6px; overflow:hidden; display:block;}
.f-blank9{clear:both; height:9px; overflow:hidden; display:block;}
.f-blank12{clear:both; height:12px; overflow:hidden; display:block;}
.f-blank15{clear:both; height:15px; overflow:hidden; display:block;}
.f-blank20{clear:both; height:20px; overflow:hidden; display:block;}



/*大于等于993时的样式 默认这个不用*/
@media (min-width:769px)
{
   .f-m-div{width:750px; height:auto; display:block; margin:0 auto;}
   
}
/*小于等于992时的样式 默认这个不用*/
@media (max-width: 768px)
{
   .f-m-div{width:100%; height:auto; display:block; overflow:hidden;}
  
}
.header{ border-bottom:8px solid #dcdddd; height:auto; overflow:hidden;}
.header .nav{ background-color:#be0100; height:46px; line-height:45px; position:relative; color:#fff; font-size:16px; text-align:center; font-weight:700; }
.header .nav a{ position:absolute; left:12px; display:inline-block; width:50px; background-color:#fff; height:30px; top:8px; line-height:32px;border-radius:6px; color:#be0100;}
.header .tit{ padding-top:32px;}
.header .tit .tt1,.header .tit .tt2,.header .tit .tt3,.header .tit .tt4{ text-align:center; display:block; color:#333;}
.header .tit .tt1{font-size:24px; margin-bottom:1.2rem;}
.header .tit .tt2{ margin-bottom:16px; text-align:center;}
.header .tit .tt2 span{ font-size:40px; color:#be0100; font-weight:700; display:block; letter-spacing:9px;}   
.header .tit .tt2 span:last-child{ font-size:30px;letter-spacing:0;}
.header .tit .tt3{ border:1px solid #000; border-radius:4%; margin:0 auto; width:200px;  clear:both; color:#000; padding:6px 0px; font-size:20px; margin-bottom:24px;}

.bodyer{ height:auto; overflow:hidden; border-top:1px solid #be0100; padding:3px 12px;}
.bodyer ul li{ display:block; border-bottom:1px dashed #dcdddd; height:48px; line-height:48px;}
.bodyer ul li a{ display:block;height:48px; position:relative; line-height:58px; overflow:hidden; font-size:14px;}
.bodyer ul li a span{ display:block; position:absolute; top:20px; right:12px; display:inline-block; font-size:12px; background-color:#be0100; height:20px; width:50px; line-height:20px; color:#fff; text-align:center;border-radius:16px; }

#showradio{position:fixed; left:0; right:0; top:0; bottom:0; background:#777777; overflow:hidden; z-index:20;}
#showradio #jumpBoxClosebtn{width:4em; height:4em; display:block; cursor:pointer; position:absolute; z-index:2; left:1.6em; top:1.6em; background:url(../img/btn_close_01.gif) 0 0 no-repeat; background-size:100% 100%;}
#showradio .pic{width:20em; margin: 0 auto; position:absolute; left:50%; top:20%; margin-left: -10em;}
#showradio .pic img{width:100%;}
#showradio .music{position:absolute; z-index:3; width:90%; display:block; left:50%; bottom:2em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}

.footer{ border-top:1px dashed #be0100; margin-top:30px; text-align:center; line-height:48px; height:48px; background-color:#f1f1f1;}