/*清除网页默认设置*/
/* @font-face{
    font-family: "light";
    src:url("../css/font/SourceHanSansCN-Light.otf")format("opentype");
} */
/* @font-face{
    font-family: "regular";
    src:url("../css/font/SourceHanSansCN-Regular.otf");
}
@font-face{
    font-family: "bold";
    src:url("../css/font/SourceHanSansCN-Bold.otf");
}
@font-face{
    font-family: "normal";
    src:url("../css/font/SourceHanSansCN-Normal.otf");
}
@font-face{
    font-family: "medium";
    src:url("../css/font/SourceHanSansCN-Medium.otf");
} */


*{
    margin: 0;
    padding: 0;
    /* 滚动条宽度有三种：thin、auto、none */
    scrollbar-width: thin; 
}
ul,li,ol,li,dl,dt,dd{list-style: none;}
a{text-decoration: none;
color: #000000;}
img{border: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
i,em{font-style: normal;}
input{outline: none; border: none;}

@media screen and (max-width: 299px){
    html{font-size: 10px;transition: 0.5s;}
}
@media screen and (min-width: 300px){
    html{font-size: 18px;transition: 0.5s;}
}
@media screen and (min-width: 450px){
    html{font-size: 28px;transition: 0.5s;}
}
@media screen and (min-width: 600px){
    html{font-size: 38px;transition: 0.5s;}
}
@media screen and (min-width: 1000px) {
    html{font-size: 62px;transition: 0.5s;}
}
@media screen and (min-width: 1300px) {
    html{font-size: 82px;transition: 0.5s;}
}
@media screen and (min-width: 1600px) {
    html{font-size: 100px;transition: 0.5s;}
}
@media screen and (min-width: 2000px) {
    html{font-size: 126px;transition: 0.5s;}
}
@media screen and (min-width: 2500px) {
    html{font-size: 156px;transition: 0.5s;}
}
@media screen and (min-width: 3000px) {
    html{font-size: 188px;transition: 0.5s;}
}
@media screen and (min-width: 3500px) {
    html{font-size: 218px;transition: 0.5s;}
}
@media screen and (min-width: 4000px) {
    html{font-size: 250px;transition: 0.5s;}
}
@media screen and (min-width: 4500px) {
    html{font-size: 282px;transition: 0.5s;}
}
@media screen and (min-width: 5000px) {
    html{font-size: 312px;transition: 0.5s;}
}
@media screen and (min-width: 5500px) {
    html{font-size: 344px;transition: 0.5s;}
}
@media screen and (min-width: 6000px) {
    html{font-size: 374px;transition: 0.5s;}
}
@media screen and (min-width: 6500px) {
    html{font-size: 406px;transition: 0.5s;}
}



.cont2{width: 1200px; margin: 0 auto;}
.cont{width: 1900px; margin: 0 auto;}
.fr{float: right;}
.fl{float: left;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
body{
    background-color: #ffffff;
}

html::-webkit-scrollbar {
    width: 6px;     
    height: 100%;
}
/*滚动条里面小方块*/
html::-webkit-scrollbar-thumb {
    border-radius: 0.2rem;
     -webkit-box-shadow: inset 0 0 0.2rem rgba(0,0,0,0.2);
    background: #cccccc;
}
/*滚动条里面轨道*/
html::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 0.2rem rgba(0,0,0,0.2); */
    /* border-radius: 0.2rem; */
    background: #EDEDED;
} 

