@media (min-width: 1500px) {.container,.container-lg,.container-md,.container-sm,.container-xl {max-width:1500px}}
/*头部*/
.header{position:fixed;width:100%;height:80px;background: rgb(8 165 248 / 36%);z-index: 999;}
.header .logo{display:block;padding:10px;width:280px;height:80px;}
.header .logo img{display:block;vertical-align:middle;}
.header .sub-nav{display:none;margin:0;padding:0;}
.header .sub-nav li{background:rgba(17,17,17,.5);}
.header .sub-nav li:hover{background:rgba(1,1,1,.5);}
.header .sub-nav li a:hover {color:#007bff}
.header .header-nav{width:100%;}
.header .header-nav li, .header-nav li a{display:block;width:172px;height:80px;}
.header .header-nav li{position:relative;list-style:none;}
.header .header-nav li a{font-size:18px;text-align:center;line-height:80px;text-decoration:none;color:#fff;cursor:default;}
.header .header-nav li a[href]{cursor:pointer;}
.header .header-nav li:hover{color:#007bff;}
.header .header-nav li a:hover{color:#007bff;}
.header .header-nav li:hover .sub-nav{display:block;}
.header .header-nav a.active{background:#DABA89;color:#007bff;text-decoration:none;}

.mobile-header{position:fixed;width:100%;height:50px;background:rgba(17,17,17,.5);z-index: 999;}
.mobile-header .logo{padding:10px;}
.mobile-header .logo img{display:block;width:50%;vertical-align:middle;}
.mobile-header .navbar-toggler{padding:0 0.75em;background:#f9f9f9;height:30px;line-height:30px;margin:10px;}
#mobile-navbar{position:fixed;top:50px;margin:0;width:100%;background:#F8F8F8;z-index:999;}
#mobile-navbar .header-nav{width:95%;padding:0;margin:0 auto;display:flex;flex-direction:column;}
#mobile-navbar .header-nav li, .header-nav li a{display:block;width:100%;}
#mobile-navbar .header-nav li{position:relative;list-style:none;min-height:40px;}
#mobile-navbar .header-nav a{font-size:15px;text-align:left;height:40px;line-height:40px;text-decoration:none;color:#333;text-indent:1em;border-bottom:solid 1px #ccc;}
#mobile-navbar .sub-nav{margin:0;padding:0 0 0 10px;display:flex;flex-direction:column;background:#eee9e9;}
#mobile-navbar .sub-nav{width:100%;padding:0;margin:0;}
#mobile-navbar .sub-nav li{max-height:40px;border:none;}
#mobile-navbar .sub-nav li:not(:last-child){border-bottom:solid 1px #f9f9f9;}
#mobile-navbar .sub-nav a{text-indent:4em;}

/*幻灯*/
.carousel-item img{width:100%}
/*底部*/
footer{padding:25px 0;background:#111;}
.footer-title{margin:20px 0;width:100%;font-size:24px;color:#fff;clear:both;}
.apps img{margin-right:10px;}
footer h6{font-size:18px;color:#b5b5b5;}
footer nav{width:100%;}
footer nav a{display:block;height:30px;line-height:30px;text-decoration:none;color:#f1f1f1;cursor:pointer;margin-bottom:5px;text-align:center;}
footer nav a:hover{color:#007bff;text-decoration:none;}
footer nav .footer-title{text-align: center}
#top{display:none;position:fixed;bottom:15%;right:20px;width:80px;height:80px;border-radius:80px;background:url(../image/top.svg) no-repeat center center;background-size:100% 100%;}
.foot-copyright{ text-align: center;color: #ccc;border-top: 1px solid #4e4c4c;padding-top: 10px;margin-top: 10px;}
.foot-copyright a{color: #ccc;border-left: 1px solid #fff;margin-left: 5px;padding-left: 5px;}
@media (max-width: 1200px) {
    #top{width:50px;height:50px;border-radius:50px;right:10px;bottom:10%;}
}