@charset "utf-8";



/* CSS Document */



body,

html {

  margin: 0px;

  padding: 0px;

  font-size: 14px;

}



body {

  overflow-x: hidden;

  font-family: 'avant', 'sourcehansans';

  font-size: 14px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

}



:after,

:before {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}











@font-face {



  font-family: 'montserrat';



  font-display: swap;



  src: url('../css/Montserrat-Regular-8.otf');



}











@font-face {



  font-family: "sourcehansans";

  font-display: swap;



  src: url("//assets-font-sh.oss-cn-shanghai.aliyuncs.com/sourcehansans.woff") format("woff");



}



@font-face {



  font-family: "avant";

  font-display: swap;



  src: url("../font/AvantGardeITCbyBT-Medium.ttf");



}















ul {

  margin: 0px;

  padding: 0px;

  zoom: 1;

  /*用于IE6*/

}



div {

  zoom: 1;

  /*用于IE6,要是IE6错位,修复这个.*/

}



li {

  margin: 0px;

  padding: 0px;

  list-style: none;

  vertical-align: middle;

  float: left;

}



dl,

dt,

dd {

  margin: 0;

  padding: 0;

}



img {

  margin: 0px auto;

  border: 0;

}



a {

  text-decoration: none;

  color: #333;

}



a:hover {

  color: #D94840;

}



a img {

  border: none;

  border: 0;

}



p,

h1,

h2,

h3,

h4,

h5 {

  margin: 0;

  padding: 0;

}



.clear {

  clear: both;

  width: 100%;

  height: 0;

  font-size: 0px;

}







input,

select {

  padding: 0;

  margin: 0;

  border: none;

}



.wrap {

  width: 1000px;

  margin: 0 auto;

  height: auto;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.f12 {

  font-size: 12px;

}



.f13 {

  font-size: 13px;

}



.f14 {

  font-size: 14px;

}



.f16 {

  font-size: 16px;

}



.f18 {

  font-size: 18px;

}



.f20 {

  font-size: 20px;

}



.f22 {

  font-size: 22px;

}



.f24 {

  font-size: 24px;

}



.lh18 {

  line-height: 18px;

}



.lh20 {

  line-height: 20px;

}



.lh22 {

  line-height: 22px;

}



.lh24 {

  line-height: 24px;

}



.lh26 {

  line-height: 26px;

}



.lh28 {

  line-height: 28px;

}



.lh30 {

  line-height: 30px;

}



.tl {

  text-align: left;

}



.tc {

  text-align: center;

}



.tr {

  text-align: right;

}



.fb {

  font-weight: bold;

}



.fn {

  font-weight: normal;

}



.mt5 {

  margin-top: 5px;

}



.mt10 {

  margin-top: 10px;

}



.mt15 {

  margin-top: 15px;

}



.mt20 {

  margin-top: 20px;

}



.mt30 {

  margin-top: 30px;

}



.mt35 {

  margin-top: 35px;

}



.mt40 {

  margin-top: 40px;

}



.mt80 {

  margin-top: 80px;

}



.mb5 {

  margin-bottom: 5px;

}



.mb10 {

  margin-bottom: 10px;

}



.mb15 {

  margin-bottom: 15px;

}



.mr5 {

  margin-right: 5px;

}



.mr10 {

  margin-right: 10px;

}



.mr20 {

  margin-right: 20px;

}



.mr30 {

  margin-right: 30px;

}



.ml5 {

  margin-left: 5px;

}



.ml10 {

  margin-left: 10px;

}



.ml15 {

  margin-left: 15px;

}



.ml20 {

  margin-left: 20px;

}



.ml40 {

  margin-left: 40px;

}



.m10 {

  margin: 10px;

  _display: inline;

}



.m20 {

  margin: 20px;

}



.mb20 {

  margin-bottom: 20px;

}



.mb40 {

  margin-bottom: 40px;

}



.mb35 {

  margin-bottom: 35px;

}



.pl10 {

  padding-left: 10px;

}



.pl20 {

  padding-left: 20px;

}



.pr10 {

  padding-right: 10px;

}



.pr20 {

  padding-right: 20px;

}



.pt15 {

  padding-top: 15px;

}



.pt10 {

  padding-top: 10px;

}



.pt20 {

  padding-top: 20px;

}



.pb10 {

  padding-bottom: 10px;

}



.pb20 {

  padding-bottom: 20px;

}



.pr5 {

  padding-right: 5px;

}



.pl5 {

  padding-left: 5px;

}



.pt5 {

  padding-top: 5px;

}



.pt25 {

  padding-top: 25px;

}



.pb5 {

  padding-bottom: 5px;

}



.p10 {

  padding: 10px;

}



.p20 {

  padding: 20px;

}



.p5 {

  padding: 5px;

}



.p1 {

  padding: 1px;

}



.b {

  display: block;

}



.in-b {

  display: inline-block;

  zoom: 1;

  *display: inline;

}



.por {

  position: relative;

}



.poa {

  position: absolute;

}



.ti {

  text-indent: -999999px;

}



#no {

  border: none;

  border: 0;

}



.red {

  color: #e40f41 !important;

}



.clear {

  clear: both;

}



.ml3 {

  margin-left: 3%;

}



.mr3 {

  margin-right: 3%;

}



.white {

  color: #fff !important;

}



.bgf0 {

  background: #f0f0f0;

}



.ml1 {

  margin-left: 1%;

}



.mr1 {

  margin-right: 1%;

}



.mt10 {

  margin-top: 10px;

}



.fn {

  float: none !important;

}



.mr4 {

  margin-right: 4%;

}



.pl3 {

  padding-left: 3%;

}



.pr3 {

  padding-right: 3%;

}



.strong {

  font-weight: bold;

}



.red {

  color: #da261d;

}



.blue {

  color: #0080ff !important;

}



.yellow {

  color: #ff8800 !important;

}



.grey {

  color: #abaaa9 !important;

}



.text-center {

  text-align: center;

}



.hidden {

  visibility: hidden;

}



.text-right {

  text-align: right;

}



a:hover {

  text-decoration: none;

}







.mt25 {

  margin-top: 25px !important;

}



a:focus {

  text-decoration: none;

}



.w100 {

  width: 100% !important;

}



.pl0 {

  padding-left: 0px;

}



.pr0 {

  padding-right: 0px;

}



.p0 {

  padding: 0px;

}



.w100 {

  width: 100%;

}



.pr {

  position: relative;

}



.po {

  position: absolute;

}



.tl {



  text-align: left;



}



.scale {

  transition: all 0.5s ease;

  overflow: hidden;

  transition: all 0.5s ease;

}



.scale img {

  transition: all 0.5s ease;

}



.scale:hover img {

  transform: scale(1.1);

  transition: all 0.5s ease;

}



.pr {

  position: relative;

}



.pa {

  position: absolute;

}







.swiper-button-next:focus,

.swiper-button-prev:focus,

input:focus,

button:focus,

textarea:focus {

  outline: none;

}