*{margin: 0; padding: 0; list-style: none;} body{font-family: 微软雅黑,Arial,Helvetica,sans-serif; font-size: 14px; background: #fff; min-width:1200px} a,a:hover{text-decoration: none; color: inherit;} h1,h2,h3,h4,h5,h6{font-weight: 500;} input{outline: none;} img{border:none;} .clear{clear: both;} .none,.hide{display: none;} .box{width: 1200px; margin: 0 auto;} .relative{position: relative;} @media screen and (max-width: 768px){ body{min-width:auto} .box{width: 100%;max-width: 768px; margin: 0 auto;} img{max-width: 100%;} } /*分页*/ .paging{padding:10px 0 20px 0;text-align:center;font-family:"宋体"} .paging a,.paging i,.paging span{display:inline-block;height:28px;line-height:28px;padding:0 10px; margin:0 6px 0 0;} .paging a{border:1px solid #e8e8e8;position:relative;} .paging a:hover{background:#f1710a;border:1px solid #f1710a;color:#fff} .paging span{background:#f1710a;border:1px solid #f1710a;color:#fff} .paging i{font-style:normal;border:1px solid #e8e8e8;color:#bbb;} .paging em{font-style:normal; color: #e4830d; padding:0 10px;} .paging u{font-size: 12px; color: #999; text-decoration: none; padding:0 10px;} .paging .num{border: 1px solid #e8e8e8; height: 24px; line-height: 24px; width: 40px; text-align: center; margin: 0 6px; color: #999;} .paging a select{width:100%; height:30px; position:absolute; top:0; left:0; opacity:0;} /*自适应分页 分辨率小于768显示移动端分页,否则显示PC端分页*/ #PageWap{display:none;} @media screen and (max-width: 768px){ #PagePC{display:none;} #PageWap{display:block;} } /*浏览器升级提醒样式*/ .brows-tip{position: fixed; z-index: 99999; width: 100%; top: 0; opacity:0.5} .brows-tip p{background: #000; line-height: 46px; color: #fff; text-align: center;} .brows-tip p a{color: #FF0000;} .brows-tip p span{display:inline-block; width:20px; height:46px; position:absolute; right:12px; cursor:pointer} /*顶部*/ .top{padding:20px 0;height:58px;background:#f9f9f9} .top a{float:left;display:block;background:url(../images/logo.png) no-repeat;width:179px;height:58px} .top p{float:left;margin-left:14px;padding:0 0 0 10px;border-left:1px solid #aaa;height:58px;background:url(../images/12.png) no-repeat 10px top;font-size:18px;color:#e40203;line-height:90px} .top .tel1{float:right;text-align:right;background:url(../images/tel.png) no-repeat left center;padding:0 0 0 62px;line-height:29px;font-size:18px;color:#484848} @media screen and (max-width: 768px){ body{padding-top: 50px;} .top{padding:10px 0;height:30px; width: 100%; position: fixed; z-index: 10; top: 0;} .top .box{width:92%;padding:0 4%} .top a{background-size:100% 100%;width:100px;height:30px} .top p{margin-left:6px;height:30px;padding:0 0 0 6px;background:url(../images/12.png) no-repeat 6px top;background-size:41px 12px;font-size:12px;line-height:45px} .top .tel1{display:none} .top i{float:right;display:block;width:30px;height:30px;background:url(../images/menu.png) no-repeat} } /*导航*/ .nav{height:40px;} .nav li{float:left;width:10%;line-height:40px;text-align:center;font-size:16px} .nav li:last-child{width: 10%;} .nav li a{color:#000} .nav .on{background:#2681f2 url(../images/jt.png) no-repeat center bottom;border-bottom:3px solid #e40203;color:#fff} .nav .on a{color:#fff} @media screen and (max-width: 768px){ .nav{position:fixed;z-index:10;right:0;top:50px;width:auto;height:auto;display:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#44000000', endColorstr='#44000000');background:rgba(0,0,0,.7)} .nav li{float:none;width:auto;border-bottom:1px solid #fff;padding:0 30px;color:#fff} .nav li:last-child{width: auto;} .nav li a{color:#fff;} } /*banner*/ .banner{position:relative;height:504px;overflow:hidden} .banner p{height:504px;display: none;filter:alpha(opacity=0);opacity:0} .banner div{position:absolute;width:100%;bottom:20px;text-align:center} .banner div a{display:inline-block;width:36px;height:5px;background:#aeaead;margin-right:8px} .banner div .on{background:#f27122} @media screen and (max-width: 768px){ .banner{height: 200px;} .banner p{height: 200px;} .banner div{bottom:10px;text-align:right} .banner div a{width:10px;height:10px;border-radius:50%} } @media screen and (max-width: 640px){ .banner{height: 130px;} .banner p{height: 130px;} } /*底部*/ .foot{background:#2d3945;padding:22px 0} .foot .ewm{display:block;width:120px;float:left;margin-right:100px;text-align:center;color:#fff443} .foot .ewm img{width:120px; height:120px;} .foot .ewm p{padding:8px 0} .foot .lxwm{float:left;color:#fff} .foot .lxwm h2{font-size:18px;padding:0 0 6px 0} .foot .lxwm p{line-height:32px} .foot .map{float:right} .foot .copy{margin-top:12px;border-top:1px solid #979797;text-align:center;padding:12px 0 0 0;color:#fff} .foot .copy a{color:#fff} .foot .friendlink{margin-top:12px;text-align:center; font-size:12px;color:#666} .foot .friendlink a{color:#666; margin-right:10px} @media screen and (max-width: 768px){ .foot{padding:22px 0} .foot .ewm{display:block;width:100px;float:none;margin:0 auto} .foot .ewm img{width:100px; height:100px;} .foot .lxwm{float:none;padding:0 2%} .foot .lxwm h2{display:none} .foot .lxwm p{line-height:24px} .foot .map{float:none;text-align:center} .foot .map img{width:90%;height:auto} .foot .copy{line-height:26px;padding:12px 2% 0 2%} .foot .copy span{display:block} .foot .copy a{color:#fff} } /*在线咨询*/ .zxzx{padding:10px 0;background:#252f3a} .zxzx .img{float: left;} /*.zxzx .box{min-height:155px;background:url(../images/q.png) no-repeat left top}*/ .zxzx .jy{float:left;width:640px;margin:26px 0 0 67px;text-align:center} .zxzx .jy a{display:inline-block;margin-top:30px;padding:0 50px;height:34px;line-height:34px;background:#ff5256;border-radius:15px;font-size:18px;color:#fff} .zxzx .hotline{float:right;padding-top:26px;font-size:18px;line-height:32px;color:#fff} @media screen and (max-width:768px){ .zxzx{padding:10px 0;background:#252f3a} .zxzx .box{width:96%;padding:0 2%;} .zxzx .img{display: none;} .zxzx .jy{float:none;width:100%;margin:0} .zxzx .jy a{margin-top:14px;padding:0 20px;height:30px;line-height:30px;font-size:16px} .zxzx .hotline{display:none} } /*内页banner*/ .nbanner{height:505px;overflow:hidden} @media screen and (max-width: 768px){ .nbanner{height:200px} } @media screen and (max-width: 640px){ .nbanner{height:130px} } /*二级菜单*/ .snav{text-align:center;background:#eaeaea;padding:14px 0 2px 0} /*.snav #big{width: 1200px; margin: 0 auto;}*/ .snav a{display:inline-block;height:28px;padding:0 45px;margin:0 12px 12px 0;line-height:28px;background:#fff;border-radius:6px;color:#000} .snav .on{background:#e40202;color:#fff} @media screen and (max-width: 768px){ .snav{overflow:hidden;padding:14px 2% 2px 2%} .snav #big{width:auto; margin-right:-2%} .snav a{float:left;display:block;width:48%;text-align:center;padding:0;margin:0 2% 12px 0} }