@charset "utf-8";@font-face{font-family:"Barlow";src:url(../fonts/Barlow-Regular.ttf);}
@font-face{font-family:"HMLight";src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf);}
@font-face{font-family:"HMRegular";src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);}
@font-face{font-family:"HMBold";src:url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);}
/**初始**/
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font:normal 14px "HMRegular";-webkit-text-size-adjust:100%}
body{padding:0;margin:0 auto;font-size:14px;color:#333;position:relative;background-color:#fff;font-family:"HMRegular";width:100%;overflow-x:hidden;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{-webkit-appearance:none;appearance:none;-moz-appearance:none;border:none;}
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:#333;border-radius:0;-webkit-border-radius:0;}
img{border:none;max-width:100%;vertical-align:middle;}
a,a:hover,a:visited,a:link{color:inherit;text-decoration:none;}
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;text-align:justify;text-justify:inter-ideograph;}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.clearfix{*zoom:1;}
/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.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%;}
@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_1600{max-width:1600px;margin:0 auto;}
@media(max-width:1600px){.auto_1600{padding:0 2%;}
}
.auto_1280{max-width:1280px;}
@media(max-width:1280px){.auto_1280{padding:0 2%;}
}
.auto_1200{max-width:1200px;}
@media(max-width:1200px){.auto_1200{padding:0 2%;}
}
.auto_1180{max-width:1180px;}
@media(max-width:1180px){.auto_1180{padding:0 2%;}
}
.auto_1400{max-width:1400px;margin:0 auto;}
@media(max-width:1400px){.auto_1400{padding:0 2%;}
}
.video-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;background:rgba(0,0,0,0.5);display:none;}
.video-box .ytable{width:100%;height:100%;}
.video-box .close{cursor:pointer;position:absolute;z-index:4;right:0;top:0;font-size:0.14rem;line-height:34px;padding:0 30px;background:#000;color:#fff;}
.video-box .close i{position:relative;display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #fff;margin-left:10px;vertical-align:middle;}
.video-box .close i::before,.video-box .close i::after{position:absolute;content:'';width:80%;left:10%;height:1px;top:50%;margin-top:-0.5px;background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close i::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable-cell{text-align:center;}
.video-box video{width:100%;max-height:70vh;background:#000;}
.video-box .auto-inner{background:#000;position:relative;z-index:1;width:90%;max-width:1600px;margin:0 auto;}