* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}


/* box-sizing:content-box */


body,
th,
td,
input,
select,
textarea,
button {
  font-size: 14px;
  font-family: "微软雅黑", "Microsoft YaHei", "Arial", "PingFang SC", "黑体", "宋体";
  color: #333
}

/* 重置页面文字属�?? */


fieldset,
img {
  border: 0 none
}

/* 重置fieldset（表单分组）、图片的边框�?0*/


dl,
ul,
ol,
menu,
li {
  list-style: none
}

/* 重置类表前导符号为onne,menu在HTML5中有�? */


blockquote,
q {
  quotes: none
}

/* 重置嵌套引用的引号类�? */


blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

/* 重置嵌套引用*/


input,
select,
textarea,
button {
  vertical-align: middle;
  resize: none;
  -webkit-appearance: none !important;
  outline: none;
  border: none;
  background: transparent;
}

/* 重置表单控件垂直居中*/


button {
  cursor: pointer
}

/* 重置表单button按钮效果 */


a {
  color: #333;
  text-decoration: none;
  border: 0 none;
}

/* 重置链接a标签 */


address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal
}

/* 重置样式标签的样�? */


caption {
  display: none;
}

/* 重置表格标题为隐�? */


table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置table属�?? */


img {
  border: 0 none;
  max-width: 100%;
  vertical-align: middle;
  transition: all .8s;
}

/* 图片在当前行内的垂直位置 */


a img {
  border: 0 none;
}


em,
i {
  font-style: normal;
}


h3,
h4,
h5,
h6 {
  font-weight: normal;
}


/* 取消a标签点击后的虚线�? */


a {
  outline: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}


::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}


/* 滚动�? */
::-webkit-scrollbar-track {
  border-radius: 5px;
}


/* 滚动条滑�? */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b71f25;
}


/*清除浮动*/


.fl {
  float: left;
}


.fr {
  float: right;
}


.clear10 {
  height: 10px;
  overflow: hidden;
  clear: both;
}


.clear20 {
  height: 20px;
  overflow: hidden;
  clear: both;
}


.clear30 {
  height: 30px;
  overflow: hidden;
  clear: both;
}


.clear40 {
  height: 40px;
  overflow: hidden;
  clear: both;
}


.clear150 {
  height: 150px;
  overflow: hidden;
  clear: both;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}





/* input �? placeholder*/


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}


input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}


input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}


input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}





/* padding */


.pt-10 {
  padding-top: 10px;
}


.pl-10 {
  padding-left: 10px;
}


.pr-10 {
  padding-right: 10px;
}


.pb-10 {
  padding-bottom: 10px;
}


.p10 {
  padding: 10px;
}


.pt-15 {
  padding-top: 15px;
}


.pl-15 {
  padding-left: 15px;
}


.pr-15 {
  padding-right: 15px;
}


.pb-15 {
  padding-bottom: 15px;
}


.p15 {
  padding: 15px;
}


.pt-20 {
  padding-top: 20px;
}


.pl-20 {
  padding-left: 20px;
}


.pr-20 {
  padding-right: 20px;
}


.pb-20 {
  padding-bottom: 20px;
}


.p20 {
  padding: 20px;
}


.pt-25 {
  padding-top: 25px;
}


.pl-25 {
  padding-left: 25px;
}


.pr-25 {
  padding-right: 25px;
}


.pb-25 {
  padding-bottom: 25px;
}


.p25 {
  padding: 25px;
}


.pt-30 {
  padding-top: 30px;
}


.pl-30 {
  padding-left: 30px;
}


.pr-30 {
  padding-right: 30px;
}


.pb-30 {
  padding-bottom: 30px;
}


.p30 {
  padding: 30px;
}


.pt-40 {
  padding-top: 40px;
}


.pl-40 {
  padding-left: 40px;
}


.pr-40 {
  padding-right: 40px;
}


.pb-40 {
  padding-bottom: 40px;
}


.p40 {
  padding: 40px;
}


.pt-50 {
  padding-top: 50px;
}


.pl-50 {
  padding-left: 50px;
}


.pr-50 {
  padding-right: 50px;
}


.pb-50 {
  padding-bottom: 50px;
}


.p50 {
  padding: 50px;
}


.pt-60 {
  padding-top: 60px;
}


.pl-60 {
  padding-left: 60px;
}


.pr-60 {
  padding-right: 60px;
}


.pb-60 {
  padding-bottom: 60px;
}


.p60 {
  padding: 60px;
}


.pt-70 {
  padding-top: 70px;
}


.pl-70 {
  padding-left: 70px;
}


.pr-70 {
  padding-right: 70px;
}


.pb-70 {
  padding-bottom: 70px;
}


.p70 {
  padding: 70px;
}





/* margin */


.mt-10 {
  margin-top: 10px;
}


.ml-10 {
  margin-left: 10px;
}


.mr-10 {
  margin-right: 10px;
}


.mb-10 {
  margin-bottom: 10px;
}


.m10 {
  margin: 10px;
}


.mt-15 {
  margin-top: 15px;
}


.ml-15 {
  margin-left: 15px;
}


.mr-15 {
  margin-right: 15px;
}


.mb-15 {
  margin-bottom: 15px;
}


.m15 {
  margin: 15px;
}


.mt-20 {
  margin-top: 20px;
}


.ml-20 {
  margin-left: 20px;
}


.mr-20 {
  margin-right: 20px;
}


.mb-20 {
  margin-bottom: 20px;
}


.m20 {
  margin: 20px;
}


.mt-25 {
  margin-top: 25px;
}


.ml-25 {
  margin-left: 25px;
}


.mr-25 {
  margin-right: 25px;
}


.mb-25 {
  margin-bottom: 25px;
}


.m25 {
  margin: 25px;
}


.mt-30 {
  margin-top: 30px;
}


.ml-30 {
  margin-left: 30px;
}


.mr-30 {
  margin-right: 30px;
}


.mb-30 {
  margin-bottom: 30px;
}


.m30 {
  margin: 30px;
}


.mt-40 {
  margin-top: 40px;
}


.ml-40 {
  margin-left: 40px;
}


.mr-40 {
  margin-right: 40px;
}


.mb-40 {
  margin-bottom: 40px;
}


.m40 {
  margin: 40px;
}


.mt-50 {
  margin-top: 50px;
}


.ml-50 {
  margin-left: 50px;
}


.mr-50 {
  margin-right: 50px;
}


.mb-50 {
  margin-bottom: 50px;
}


.m50 {
  margin: 50px;
}


.mt-60 {
  margin-top: 60px;
}


.ml-60 {
  margin-left: 60px;
}


.mr-60 {
  margin-right: 60px;
}


.mb-60 {
  margin-bottom: 60px;
}


.m60 {
  margin: 60px;
}


.mt-70 {
  margin-top: 70px;
}


.ml-70 {
  margin-left: 70px;
}


.mr-70 {
  margin-right: 70px;
}


.mb-70 {
  margin-bottom: 70px;
}


.m70 {
  margin: 70px;
}


.mlr-auto {
  margin-left: auto;
  margin-right: auto;
}








.f14 {
  font-size: 14px;
}


.f15 {
  font-size: 15px;
}


.f16 {
  font-size: 16px;
}


.f18 {
  font-size: 18px;
}


.f20 {
  font-size: 20px;
}


.f22 {
  font-size: 22px;
}


.f24 {
  font-size: 24px;
}


.f26 {
  font-size: 26px;
}


.f28 {
  font-size: 28px;
}


.f30 {
  font-size: 30px;
}


.f34 {
  font-size: 34px;
}


.f40 {
  font-size: 40px;
}


.f44 {
  font-size: 44px;
}


.f50 {
  font-size: 50px;
}


.f54 {
  font-size: 54px;
}


.f60 {
  font-size: 60px;
}


.f70 {
  font-size: 70px;
}


.f80 {
  font-size: 80px;
}








.color-blue {
  color: #b71f25;
}





.color-red {
  color: red;
}


.color-white {
  color: white;
}


.color-black {
  color: black;
}


.color-666 {
  color: #666;
}


.color-888 {
  color: #888;
}


.color-555 {
  color: #555;
}


.color-999 {
  color: #999;
}





.bg-f6 {
  background-color: #f6faff;
}


.bg-f5 {
  background-color: #f5f5f5;
}


.bg-f0 {
  background-color: #f0f1f5;
}


.bg-blue {
  background-color: #b71f25;
}


.bg-red {
  background-color: red;
}


.bg-white {
  background-color: white;
}


.bg-black {
  background-color: black;
}


.bg-666 {
  background-color: #666;
}


.bg-888 {
  background-color: #888;
}


.bg-555 {
  background-color: #555;
}





.dis-flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.dis-flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.dis-flex-center {
  display: flex;
  align-items: center;
}


.dis-flex-between {
  display: flex;
  justify-content: space-between
}


.dis-flex {
  display: flex;
}


.flex-column {
  flex-direction: column;
}


.flex-wrap {
  flex-wrap: wrap;
}


.position-relative {
  position: relative;
}





.hmax {
  height: 100% !important;
}


.wmax {
  width: 100% !important;
}


.w50 {
  width: 50% !important;
}


.img {
  position: relative;
  overflow: hidden;
}


.transition {
  transition: all .36s;
}


.transition1 {
  transition: all 1s;
}


.line-height {
  line-height: 2;
}


.text-center {
  text-align: center;
}


.text-right {
  text-align: right;
}


.text-left {
  text-align: left;
}


.text-uppercase {
  text-transform: uppercase;
}


.cursor {
  cursor: pointer;
}


.font-weight {
  font-weight: 800;
}


.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none fadeInDown;


  animation: 300ms ease-in-out 0s normal none fadeInDown;
}


@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
  }
}


@keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
  }
}


/*  white-space: nowrap;   overflow: hidden;text-overflow:ellipsis; */


.line-clamp {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.line-clamp2 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.line-clamp4 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.line-clamp3 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.line-height2-4 {
  line-height: 2.4;
}


.line-height2-8 {
  line-height: 2.8;
}


.opacity8 {
  opacity: 0.8;
}








/* 栏目页banner手机端与pc端切换显�? */


.colum-pc {
  display: block;
}


.colum-phone {
  display: none;
}


@media screen and (max-width:750px) {


  .colum-pc {
    display: none;
  }


  .colum-phone {
    display: block;
  }


}


/* 图片放大 */


.img-scale {
  transform: scale(1);
  transition: all .5s;
}


.img-scale:hover {
  transform: scale(1.1);
  transition: all .5s;
}








/*分页样式*/


.pglist {
  padding: 40px 0;
  width: 100%;
  text-align: center;
  clear: both;
}


.pglist a {
  color: #333;
  padding: 0 15px;
  margin: 0 8px;
  background: #fff;
  border: 1px solid #edebeb;
}


.pglist a.close {
  background: #f2f2f2 !important;
}


.pglist * {
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  padding-bottom: 1px;
}


.pglist a:hover,
.pglist .hover {
  display: inline-block;
  color: #fff;
  background: #b71f25;
  border-color: #b71f25;
}


/* 变色 */





/* 引用字体 */


@font-face {


  font-family: 'DIN';


  src: url('../images/din.ttf');


  src: url('../images/din.eot') format('embedded-opentype') url('../images/din.woff') format('woff') url('../images/din.ttf') format('truetype') url('../images/din.svg') format('svg');


  font-weight: 300;


  font-style: normal;




}


#caseSwiper .swiper-slide img {
     height: 19vw;
    width: 100%;
    object-fit: cover;
}


@media screen and (max-width:750px) {
    #caseSwiper .swiper-slide img {
     height: 240px ;
    width: 100%;
    object-fit: cover;
}

}


.DIN {
  font-family: 'DIN';
}


@font-face {


  font-family: 'BodoniBT';


  src: url('../images/BodoniBT-Bold.otf');


  font-style: normal;





}


.BodoniBT {
  font-family: 'BodoniBT';
}