/*Html5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html {
font-size: 62.5%;
font-family: "Microsoft Yahei", Arial, sans-serif, "Helvetica Neue", Helvetica, Tahoma;
color: #333;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
/*淇鎵嬫寔璁惧瀛椾綋鍙樺寲*/
}
body {
font-size: 1.4rem;
font-size: 14px;
line-height: 24px;
}
* {
margin: 0;
padding: 0;
}
a {
color: #333;
text-decoration: none;
}
a:focus {
outline: 0;
}
a:active,
a:hover {
outline: 0;
/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}
img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
button,
input,
select,
textarea {
font-family: "Microsoft Yahei", Arial, sans-serif, "Helvetica Neue", Helvetica, Tahoma;
font-size: 100%;
margin: 0;
outline: none;
}
input::-webkit-input-placeholder {
color: #999;
}
select {
color: #999!important;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
border: 0;
margin: 0;
cursor: pointer;
}
input.radio {
width: 13px;
height: 13px;
float: left;
display: inline;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,
ol {
list-style: none;
}
li {
list-style: none;
}
i,
em {
font-style: normal;
}
/*娓呴櫎娴姩*/
@font-face {
font-family: 'iconfont';
src: url('/statics/font/iconfont.eot');
src: url('/statics/font/iconfont.eot?#iefix') format('embedded-opentype'), url('/statics/font/iconfont.woff2') format('woff2'), url('/statics/font/iconfont.woff') format('woff'), url('/statics/font/iconfont.ttf') format('truetype'), url('/statics/font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.clear {
clear: both;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.fl {
float: left;
}
.fr {
float: right;
}
.wrap {
width: 1200px;
margin: 0 auto;
}
p,
h1,
h2 {
margin: 0;
padding: 0;
}
i {
vertical-align: middle;
}
.pro-class-item img,
.adv-img img,
.pro-class-list ul li img,
.pro-class-bot ul li img,
.in-pro-item ul li img {
width: 100%;
height: 100%;
transition: all 0.8s ease-in-out;
transform: scale(1, 1);
}
.pro-class-item img:hover,
.adv-img img:hover,
.pro-class-list ul li img:hover,
.pro-class-bot ul li img:hover,
.in-pro-item ul li img:hover {
transform: scale(1.1, 1.1);
}