* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; word-break: break-all;} :root{ --light-main-color: #00527E; --light-main-color-hover: #0078D7; --dark-main-color: #0078D7; --dark-mobile-nav-color: #ffffff; --light-default-color: #030A12; --light-default-bgcolor: #030A12; --dark-default-color: #E8F0F7; --nav-default-bgcolor: #000000; /* 导航背景 */ --light-nav-bgcolor: #ffffff; --dark-nav-bgcolor: rgba(0, 0, 0, 0.68); --nav-slist-default-bgcolor: linear-gradient(to bottom, #000000 30%, #030A12 100%); --light-nav-slist-bgcolor: linear-gradient(to bottom, #ffffff 30%, #fafcfc 100%); --dark-nav-slist-bgcolor: linear-gradient(to bottom, #000000 30%, #030A12 100%); --nav-default-color: #ffffff; /* 导航文字 */ --light-nav-color: #030A12; --dark-nav-color: #ffffff; --nav-default-hover-color: #0078D7; --light-nav-hover-color: #00527E; --dark-nav-hover-color: #0078D7; --main-nav-bar-default-color: #ffffff; /* 主导航文字和三线背景 */ --light-main-nav-bar-color: #030A12; --dark-main-nav-bar-color: #ffffff; --light-modal-bgcolor: #ffffff; /* 模块背景 */ --dark-modal-bgcolor: #030A12; --light-modal-color: #030A12; /* 模块文字 */ --dark-modal-color: #E5E5E5; --header-height: 80px; --light-banner-text-bg: #E8F0F7; --dark-banner-text-bg: #030A12; --light-banner-text-color: #ffffff; --dark-banner-text-color: #F0FAFF; --light-news-color: #030A12; /* 新闻文字 */ --light-bullet-bgcolor: #E8F0F7; /* 轮播分页器背景 */ --light-product-color: #E8F0F7; --light-font-color:#F5F5F7; --light-case-color:#00091A; --light-footer-hover-color: #BAC2C9; } body{min-height:100%;position: relative;z-index:1;margin-bottom: 100vh;} body::-webkit-scrollbar {/* width: 0 !important; */width:10px;height:9px;} ::-webkit-scrollbar-track-piece {-webkit-border-radius: 4px;} ::-webkit-scrollbar-thumb:vertical {height: 4px;-webkit-border-radius: 4px;} ::-webkit-scrollbar-thumb:horizontal {width: 4px;-webkit-border-radius: 4px;} ::-webkit-scrollbar-thumb { border-radius: 10px; border-style: dashed; border-color: transparent; border-width: 2px; background-color: #BABABA; background-clip: padding-box;} ::-webkit-scrollbar-thumb:hover {background: #BABABA} .sub-right{flex: 1;width: 100%;height: 100%;box-sizing: border-box; /* 下面这行注释掉为了解决移动端点击主导航时详情页会滑动到title */ /* display: flex; */ flex-direction: column;transition: all .3s;position: relative;z-index: 1;background-color:#fff;} .content-box {position: relative;color: #030A12;clear: both;zoom: 1;/* overflow: hidden; */width:100%;margin: auto;} /* container */ .container{width: 100%;max-width:100%;padding:0px;color:#000} .fixed-bottom-page{position:fixed;left:0;right:0;bottom:0;z-index:0;} .footer { width: 100%; padding-top:90px !important; padding-bottom:20px !important; height: 100vh; min-height:100%; background:#073fc6 url(../imgc/login_bg.png) no-repeat center bottom;} .footer dl{width:1300px} .footer article{width:100%;overflow:hidden} .news-footer-list{clear:both;overflow:hidden;display:flex} .news-footer-list a{display:block;color:#004098} .news-footer-list a:hover{display:block;color:#F00} .news-footer-list .footer-left{width:38.5%;} .news-footer-list .footer-center{width:38.5%;margin:0px 30px} .news-footer-list .footer-right{flex:1;} .footer-mu{height:50px;line-height:50px;font-weight:bold;width:100%;clear:both;float:left;color:#FFF;overflow:hidden} .footer-mu i{display:block;float:left;font-size:18px;height:60px;line-height:62px;margin-right:4px} .footer-mu b{display:block;float:left;font-size:18px;height:60px;line-height:60px;} .footer-mu span{display:block;float:left;font-size:14px;height:60px;line-height:60px;font-weight:normal;color:#FFF} .footer-mu a{color:#FFF} .footer-mu a:hover{color:#f74630} /***主体***/ .footer-link{clear:both;float:left;overflow:hidden;width:100%;} .footer-link dd span{display:block;margin-top:13px} .footer-link dd span:nth-child(2n+1){float:left;width:48.5%} .footer-link dd span:nth-child(2n){float:right;width:48.5%} .footer-link dd em{height:60px;flex:1;} .footer-link dd em b{height:60px;} .footer-link dd span a{display:block;background:#FFF;border-radius:4px;;border:1px #FFF solid; width:100%;padding:8px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;color:#004098} .footer-link dd a:hover{display:block;color:#FFF;background:#f74630;border:1px #f74630 solid} .footer-link dd span a:before { content: "\f101"; font-family: FontAwesome; position: absolute; font-size:12px; color:#d5d5d5; right:8px; bottom:2px; } .footer-gz{clear:both;width:100%;overflow:hidden;margin-top:63px;float:left;clear:both} .footer-gz div{width:100%;background:#FFF;border:1px #FFF solid;height:78px;overflow:hidden;padding:5px;display:flex;margin-top:13px;border-radius:4px} .footer-gz div:nth-child(1){margin-top:0px;} .footer-gz div ul{width:24%;} .footer-gz div ul img{width:100%;float:left;margin-top:6px;margin-left:2px} .footer-gz div ol{flex:1;overflow:hidden; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:5px;margin-top:9px} .footer-gz div ol li{width:100%;overflow:hidden;clear:both;} .footer-gz div ol img{float:left;width:14%;background:#f2f2f2;border-radius:50%;padding:3px} .footer-gz div ol span{float:left;display:block;width:80%;height:22px;line-height:22px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:8px} .footer-gz div ol dd{width:100%;overflow:hidden;clear:both;height:18px;line-height:18px;color:#bfbfbf;font-size:12px;margin-top:5px} .ladyScroll-right{width:100%;overflow:hidden;margin-top:0.8rem;margin-bottom:1.3rem;clear:both;float:left} .ladyScroll-right dd{width:100%;padding-top:0px;display:flex;font-size:15px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .ladyScroll-right dd li{display:block;margin:0px 0px 0px 12px;width:100%;margin-top:0px;flex:1;text-align:center;} .ladyScroll-right li:nth-child(1){margin-left:0px} .ladyScroll-right dd i{display:block;clear:both;font-size:20px;line-height:2.8rem;padding-top:0.3rem} .ladyScroll-right dd a{display:block;background:#FFF;color:#003e9a;height:6.4rem;border:1px #FFF solid;border-radius:4px} .ladyScroll-right dd a:hover{display:block;height:6.4rem;color:#FFF;background:#f74630;border:1px #f74630 solid} .ladyScroll-right li em{height:2.4rem;flex:1;} .ladyScroll-right li em b{line-height:1.2rem;font-weight:normal;font-size:15px;display:block} .footer-gx{clear:both;width:100%;overflow:hidden;margin-top:2.5rem;float:left;clear:both} .footer-gx ul{width:100%;overflow:hidden;} .footer-gx li{margin-left:21px;float:left;} .footer-gx li:nth-child(1){margin-left:0px} .footer-gx a{background:#FFF;border-radius:4px;display:flex;height:70px;line-height:60px;padding:8px 8px 3px 8px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px; } .footer-gx img{height:55px;} .footer-gx span{flex:1;display:block}