*{ box-sizing: border-box; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-weight: normal;outline:none;} /* 初始化标签在所有浏览器中的margin、padding值 */ fieldset,img {border:0 none} /* 重置fieldset(表单分组)、图片的边框为0*/ dl,ul,ol,menu,li {list-style:none} /* 重置类表前导符号为onne,menu在HTML5中有效 */ blockquote, q {quotes: none} /* 重置嵌套引用的引号类型 */ blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} /* 重置嵌套引用*/ input,select,textarea,button {vertical-align:middle} /* 重置表单控件垂直居中*/ button {border:0 none;background-color:transparent;cursor:pointer} /* 重置表单button按钮效果 */ body,th,td,input,select,textarea,button {font-size:12px;font-family:"微软雅黑", "黑体","宋体";color:#555} /* 重置页面文字属性 */ a {color:#555;text-decoration:none} /* 重置链接a标签 */ address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} /* 重置样式标签的样式 */ caption {display:none;} /* 重置表格标题为隐藏 */ table {border-collapse:collapse;border-spacing:0;} /* 重置table属性 */ img{vertical-align:top} /* 图片在当前行内的垂直位置 */ strong,b{font-weight:normal;} em,i{font-style:normal;} /* 页面设置 */ /* 取消a标签点击后的虚线框 */ a {outline: none;color: inherit;-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}/*清除浮动*/ .clearfix{clear: both;} /*清除浮动--推荐使用*/ .clearfix:before,.clearfix:after{content: '';display: table;} .clearfix:after{clear: both;} .active{color:red;} /* 栏目页banner手机端与pc端切换显示 */ .colum-banner-pc{ display: block; } .colum-banner-phone{ display: none; } @media screen and (max-width:1024px){ .colum-banner-pc{ display: none; } .colum-banner-phone{ display: block; } } /* 图片放大 */ .img-scale{ transform: scale(1); transition: all .5s; } .img-scale:hover{ transform: scale(1.1); transition: all .5s; }