@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", SimHei, SimSun;
  overflow-x: hidden
}
button,
img,
input,
select,
textarea {
  border: none;
  outline: 0
}
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-cover1 {
  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-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 {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s
}

.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
  }
}