@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #fff;
  font: 14px Arial, "Microsoft YaHei", "PingFang SC", "Source Han Sans CN", calibri,SimHei;
  overflow-x: hidden;
}
button,
img,
input,
select,
textarea {
  border: none;
  outline: 0
}
em{
	font-style: normal;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.img-absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  padding: auto;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s
}

.img-cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s
}

.img-contain {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s
}

.img-scale-down {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: scale-down;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s
}

a,div,p,ul,li,span,input,button,dl,dd,dt,em,i {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s
}
.tr-null{
  transition: initial;
}
.tr-04 {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s
}

.tr-06 {
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s
}

.tr-08 {
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s
}

.tr-10 {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

footer,
header,
main,
nav {
  width: 100%;
  float: left;
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important;
  }

  .container {
    max-width: calc(100% - 20px) !important;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important;
  }

  .container {
    max-width: calc(100% - 40px) !important;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important;
  }

  .container {
    max-width: 97% !important;
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important;
  }
}