@charset "utf-8";
@font-face { 
	font-family: "SourceHanSansCNRegular"; 
	src: url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), 
	url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"), 
	url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), 
	url("../fonts/SourceHanSansCN-Regular.svg") format("svg"); 
}
@font-face { 
	font-family: "SourceHanSansBold"; 
	src: url("../fonts/SourceHanSansBold.woff") format("woff"), 
	url("../fonts/SourceHanSansBold.ttf") format("truetype"), 
	url("../fonts/SourceHanSansBold.eot") format("embedded-opentype"), 
	url("../fonts/SourceHanSansBold.svg") format("svg"); 
}
@font-face { 
	font-family: "SourceHanSansHeavy"; 
	src: url("../fonts/SourceHanSansCN-Heavy.otf"); 
}
@font-face { 
	font-family: "HarmonyOS"; 
	src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf"); 
	
	
}
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px  'HarmonyOS';-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #474443;background-color: #fff;font-family:  'HarmonyOS';overflow-x: hidden;max-width: 1920px;min-width: 330px;
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
input:-moz-placeholder{color: #707070;}
input:-ms-input-placeholder{color: #707070;}
input::-webkit-input-placeholder{color: #707070;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
article,
nav,
menu,
aside{padding: 0;margin: 0;}
.ul,
ul li {list-style: none;}
h1,h2,h3,h4,h5,h6,p,figure{margin: 0;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #474443;border-radius: 0;-webkit-border-radius: 0;background-color: transparent;font-family: SourceHanSansCNRegular;border: none;}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #474443;text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}  
a:hover {color: #33887b;text-decoration: none;}
a:focus {color: #474443;outline: none;-moz-outline: none;}
a:active {color: #474443;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family:  Arial, Helvetica, sans-serif,Microsoft YaHei;
	text-align:justify;
	text-justify:inter-ideograph;
	}
.fontBold{font-family: SourceHanSansCNBold;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:''; display:block; height:0; clear:both; } 
/* 字体 */
.shsB{font-family: 'HarmonyOS';font-weight: bold;}
.shsR{font-family: 'SourceHanSansCNRegular';}
.shsH{font-family: 'SourceHanSansHeavy';}

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
.w50{width: 48%;float: left;margin-right: 4%;}
.w32{width: 32%;float: left;margin-right: 2%;}
.w50:nth-of-type(2n){margin-right: 0;}
.w32:nth-of-type(3n){margin-right: 0;}
.w100{width: 100%;float: none;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}

/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1750{ max-width:1750px;}
@media(max-width:1750px){.auto_1750{ padding:0 2%;}}
.auto_1440{ max-width:1440px;}
@media(max-width:1440px){.auto_1440{ padding:0 2%;}}
.auto_1300{ max-width:1300px;}
@media(max-width:1300px){.auto_1300{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}