@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
BODY {FONT: 14px/1.5 "PFMedium", arial,sans-serif; background: #fff; overflow-x: hidden;width:100%; }
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: 300}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{max-width:1600px;margin:0 auto}
.container-s{max-width:1700px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.box{box-sizing:border-box;}


/* 多行省略 */
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.line5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); }
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}
.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

strong{font-family: "PFBold";}

/*字体引入*/
@font-face {
  font-family: "PFRegular";
  src: url("../fonts/pingfang regular.woff2") format("woff2");
}
@font-face {
  font-family: "PFMedium";
  src: url("../fonts/pingfang medium.woff2") format("woff2");
}
@font-face {
  font-family: "PFBold";
  src: url("../fonts/pingfang bold.woff2") format("woff2");
}
@font-face {
  font-family: "PFLight";
  src: url("../fonts/pingfang light.woff2") format("woff2");
}
@font-face {
  font-family: "PFHeavy";
  src: url("../fonts/pingfang heavy.woff2") format("woff2");
}
@font-face {
  font-family: "DINBold";
  src: url("../fonts/din bold.woff2") format("woff2");
}

.flex-cc{display: flex; justify-content: center; align-items: center;  }
.flex-ccc{display: flex; justify-content: center; align-items: center;  flex-direction: column;}
.flex-sc{display: flex; justify-content: space-between; align-items: center;}