blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font-family:'Microsoft Yahei',Tahoma,Simsun;background-color:#111;font-size:14px;background:url(/img/bjtu.png) no-repeat 50% 0px #000;background-attachment:scroll;background-size:auto;background-size:cover;background-attachment:fixed;background-color:#000}
caption,td,th{font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
img{border:none}
li,ol,ul{list-style:none}
button,input,select,textarea{font-size:14px}
table{border-collapse:collapse}
html{overflow-y:scroll}
.header{position:fixed;z-index:99;height:111px;width:976px;background:#000;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.header .head-title-img{position:relative;background:rgba(0,0,0,0.6)}
.head-title-img .natural{display:block;position:absolute;top:10px;width:50px;height:50px;left:50%;margin-left:-20px;-webkit-animation:z 5s linear 0s infinite;-moz-animation:z 5s linear 0s infinite;-ms-animation:z 5s linear 0s infinite;animation:z 5s linear 0s infinite;box-shadow:0px 0px 20px #fff;border-radius:50%}
@keyframes z {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.header .logo-box{height:71px}
.header .logo{float:left;height:71px;margin-left:10px}
.header .logo .logo-img{width:208px;height:71px}
img{max-width:100%;height:auto;border:0;margin-right: 5px;}
.header .bank{float:right;position:relative;width:56px;height:44px;margin-top:3px}
.header .bank a{display:block;color:#fff;font-size:8pt}
.header .bank img{display:block;width:40px;height:35px;margin:0 auto}
.nullbox {height: 115px;}

#container{width:980px;background:#1a2037e6;margin:0 auto;border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;}
.nav{width:100%;margin-bottom:10px;overflow:hidden;background:#f70000;}
.nav li{float:left;text-align:center;display:block;width:12.5%;height:40px;line-height:40px;border:1px solid #000;background:#014bf7;border-bottom:2px solid #000;border-radius:2px;font-size:16px;transition:color .5s,background-color .5s;overflow:hidden}
.nav li:hover{font-size:110%;color:#fff;background:#212121}
.toptips{width:100%;background:#fff;margin-bottom:2px;border-radius:2px 2px 0 0;overflow:hidden}
.toptips li{float:left;position:relative;display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:red;overflow:hidden}
.toptips li b{width:16px;height:16px;font-weight:700;background:#000;color:#fff;padding:2px 8px;margin-left:4px;font-size:13px;border-radius:2px}
.good{width:100%;background:#fff;margin-bottom:10px;border-radius:0 0 2px 2px;overflow:hidden}
.good li{float:left;text-align:center;display:block;width:122.5px;height:40px;line-height:40px;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.good li:hover{font-size:120%;color:#fff;background:#212121}
.cate{width:100%;background:#fff;margin-bottom:10px;border-radius:2px;overflow:hidden}



.cate_name {
    display: flex; /* 使用Flexbox布局 */
    align-items: center; /* 垂直居中 */
    height: 40px; /* 适当调整高度以容纳图标和文字 */
    width: 100%;
    background: #252630;
    overflow: hidden;
}

.cate_name p {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: flex; /* 使用Flexbox布局 */
    align-items: center; /* 文字垂直居中 */
    margin-left: 6px;
}

.cate_name img {
    width: auto; /* 图标宽度自适应 */
    margin-right: 5px; /* 图标右侧间距 */
}













.cate li{float:left;text-align:center;display:block;width:121.5px;height:40px;line-height:40px;border-right:1px solid #0000002e;border-bottom:1px solid #0000002e;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.cate li:hover{font-size:120%;color:#fff;background:#212121}
.cate li b{width:16px;height:16px;font-weight:400;background:red;color:#fff;padding:1px 3px;margin-left:4px;font-size:14px;border-radius:2px}


.cate-bocai{width:100%;background:#fff;margin-bottom:10px;border-radius:2px;overflow:hidden}
.cate-bocai li{float:left;text-align:center;display:block;width:121.5px;height:40px;line-height:40px;border-right:1px solid #0000002e;border-bottom:1px solid #0000002e;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.cate-bocai li:hover{font-size:120%;color:#fff;background:#212121}
.cate-bocai li b{width:16px;height:16px;font-weight:400;background:red;color:#fff;padding:1px 3px;margin-left:4px;font-size:14px;border-radius:2px}



.cate_ul{margin:0 auto;position:relative;max-width:960px}
.cate_img{margin-left:8px;width:48px;height:48px}
.banner img{margin-bottom:5px;transition:opacity .5s;border-radius:2px}
.banner img:hover{opacity:.7}
.footerapp img{width:100%;margin-bottom:-8px;transition:opacity .5s}
.footerapp img:hover{opacity:.7}
.footer{border-radius:10px 10px 0 0;height:auto;margin-bottom:0;opacity:.7}
.footer p{text-align:center;line-height:40px;color:#333}
.footer p a{color:#333}
.clear{clear:both;height:0}
.side{position:fixed;bottom:5px;width:70px;right:50%;margin-right:497px}
.side_div{width:70px;height:32px;line-height:32px;text-align:center;color:#fff;background:#ffbc1f;margin-top:2px}
.faq{position:fixed;bottom:5px;width:70px;left:50%;margin-left:497px}
.faq_scj{width:70px;height:70px;line-height:32px;text-align:center;color:#fff;margin-top:1px}
.faq_div{width:70px;height:32px;line-height:32px;text-align:center;color:#fff;background:#828282;margin-top:2px}
.xm{position:fixed;bottom:0;left:initial;left:0;z-index:1;font-size:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}
.xm img{width:100px}
#scj{background:url(../img/scj.gif)}
#top{background:url(../img/top.jpg)}
#dizhi{background:url(../img/dizhi.jpg)}
#guestbook{text-align:center;line-height:32px;transition:background-color .3s}
#guestbook:hover{background:#212121}
.btn{padding:0;margin:0}
.app{box-shadow:0 0 15px rgba(100,100,100,.1);overflow:hidden;border-radius:2px;background-color:#fff}
.navi{font-size:0;padding:5px;text-align:center}
.appico{width:calc(10% - 10px);margin:5px;height:auto;box-sizing:border-box;display:inline-block;position:relative}
.appico p{width:100%;height:25px;line-height:25px;text-align:center;font-size:14px;margin:0;color:#000;overflow:hidden}
.naicon{border-radius:5px;overflow:hidden;font-size:0;margin:12px}
.appico img{width:100%}
.appico:hover .btn-raised{-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)}
@media screen and (max-width:1200px){.side{display:none}
.faq{display:none}
.xm{display:none}
}@media screen and (max-width:960px){body{background-size:150%}
#container{width:98%}
.nav li{width:20%;margin-right:-2px;height:35px;line-height:35px}
.toptips li{width:100%;margin-right:-2px;height:35px;line-height:35px}
.good li{width:25%;height:35px;line-height:35px}
.cate li{width:20%;margin-right:-1px;height:35px;line-height:35px}
.cate_name{height:35px}
.cate_name p{font-size:21px;line-height:35px}
.appico{width:calc(25% - 10px)}

    
.header{position:fixed;z-index:99;height:111px;width:97%;background:#000;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.header .logo .logo-img{width:148px;height:50px}
.head-title-img .natural{display:block;position:absolute;top:5px;width:45px;height:45px;left:60%;margin-left:-20px;-webkit-animation:z 5s linear 0s infinite;-moz-animation:z 5s linear 0s infinite;-ms-animation:z 5s linear 0s infinite;animation:z 5s linear 0s infinite;box-shadow:0px 0px 40px #fff;border-radius:50%}

.header .bank{float:right;position:relative;width:56px;}
.header .logo{float:left;height:51px;margin-left:10px}
.header .logo-box{height:55px}   
    
    
}

@media screen and (max-width:800px){.nav li{font-size:15px;height:30px;line-height:30px}
.toptips li{font-size:14px;height:auto;line-height:30px}
.good li{font-size:15px;height:30px;line-height:30px}
.cate li{font-size:15px;height:30px;line-height:30px}
.cate_name{height:30px}
.cate_name p{font-size:20px;line-height:30px}
}@media screen and (max-width:640px){.nav li{width:25%;font-size:11px;height:30px;line-height:30px}
.toptips li{width:100%;font-size:12px;height:auto;line-height:30px}
.good li{width:25%;font-size:11px;height:30px;line-height:30px}
.cate li{width:25%;font-size:11px;height:30px;line-height:30px}
.cate-bocai li{width:25%;font-size:11px;height:30px;line-height:30px}

.cate_name{height:30px}
.cate_name p{font-size:17px;line-height:30px}
.cate li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:2px 3px;margin-left:4px;font-size:11px;border-radius:2px}
}
.app{margin:0px 0px 10px 0px;}
.top-ads-media{margin-bottom:0;margin-top:8px;overflow:hidden}
ul{list-style:none}
.top-ads-media .top-list{height:90px;float:left}
.app ul li{width:70px;margin:10px 0px 2px 0px;text-align:center;float:left}
.app ul a{font:11px/28px Tahoma,'Microsoft Yahei',Simsun;color:#edb63c;overflow:hidden;white-space:nowrap}
.top-ads-media .top-list a .top-img{border-radius:7.5px;width:54px;height:56px;padding:2px;background:#888;margin:0 auto}
.app ul li img{margin:0 auto;width:54px;height:56px;display:block;border-radius:6px}
.top-ads-media .top-list a .top-img{border-radius:7.5px;width:54px;height:56px;padding:2px;background:#888;margin:0 auto}