@charset "utf-8"; @media (min-width: 1200px){ .container-fluid{ width:1230px; } } @media (max-width: 992px){ .container-fluid{ width:100%; } } body{ font-size: 14px; font-weight: 400; line-height: 1.5; background: #ffffff; color: #2b2b2b; font-family: 'microsoft yahei', Helvetica, Arial, Helvetica, sans-serif; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } *{ margin: 0px; padding: 0px; } p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{ list-style:none; margin: 0px 0px 0px 0px; } a{ text-decoration:none; color:#2b2b2b; } a:hover{ text-decoration:none; color:#019cd5; } a:focus{ text-decoration:none !important; } img{ width: 100%; } /* 底部 */ footer{ padding:50px 0 30px 0; background:#3e3e40; color:#fff; } footer a{ color:#fff; opacity: 0.8; } footer .foot-nav p{ font-size: 18px; font-weight: bold; line-height: 1.6; } footer .foot-nav ul li{ font-size: 13px; line-height: 1.8; } footer .foot-nav ul li a{ display: block; } footer .tel-box{ color: #fff; font-size: 14px; margin-top: 30px; } footer .tel-box span{ font-size: 26px; display: block; } footer .tel-box i{ font-size: 32px; float: left; } footer .fmenu { margin-top: 25px; } footer .fmenu ul{ padding: 10px 0px 6px; text-align: center; } footer .fmenu ul li{ display: inline-block; padding: 0px 20px; line-height: 1; border-left:1px solid rgba(255,255,255,0.8); } footer .fmenu ul li:first-child{ border-left:none; } footer .fmenu img{ max-width: 100%; width: auto; } footer .foot-text{ text-align: center; font-size: 12px; opacity: 0.8; } @media(max-width:767px){ footer .fmenu ul{ display: none; } footer .foot-text{ margin-top: 20px; } footer{ padding:40px 0 20px 0; } } /* 侧边悬浮框 */ .float-box{ position: fixed; bottom:20%; right:-80px; z-index:999; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; } .float-box.active{ right:10px; } .float-box ul li{ text-align: center; position: relative; } .float-box ul li:first-child a{ color:#3c4a76; background: #d7d7d7; display: block; line-height: 50px; margin-bottom: 5px; border-radius: 5px; } .float-box ul li a{ color:#fff; padding: 0px 5px; background: #3c4a76; display: block; line-height: 50px; margin-bottom: 5px; border-radius: 5px; } .float-box ul li a span{ font-size: 30px; font-weight: bold; } .float-box ul li:hover a{ color: #fff; } /* 手机底部 */ .m-footer{ position: fixed; left:0; bottom:0; width:100%; display: none; z-index:999; } .m-footer ul{ margin:0; overflow: hidden; } .m-footer ul li{ width:25%; height:50px; float: left; background:#3c4a76; border-left:1px solid rgba(255,255,255,0.7); text-align: center; line-height: 50px; } .m-footer ul li:first-child{ border-left:none; } .m-footer ul li a{ color:#fff; } @media(max-width:991px){ footer{ margin-bottom:30px; } .m-footer{ display: block; } } .pre-next{ font-size: 14px; } /* 页码 */ .page-box{ margin:30px 0; text-align: center; font-size: 14px; } .page-box .pagination{ overflow: hidden; } .page-box .pagination a{ display: block; float: left; padding:8px 20px; background:#F5F5F5; border-radius: 3px; text-align: center; margin:8px 3px; } .page-box .pagination .page-num, .page-box .pagination .page-item{ background:#eee; } .page-box .pagination .page-num-current{ background:#3c4a76 !important; color:#fff; } .page-num-current:hover{ color:#fff; } span.page-num{ display: none; }