@charset "utf-8";
/*
*********	Author:黑牛
*********	Date:2022/08/03
*********	QQ:2389089525
*/
@media all {
	/*css rest*/
	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; }
	body { background:#fff; color:#666; font-family:Microsoft YaHei, "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Simsun,Verdana,Microsoft YaHei, "微软雅黑",  "宋体", "黑体"; }
	address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal;}
	a {text-decoration:none; cursor: pointer; color:#666;}
	a:hover,a:active  { text-decoration:none; }
	img { border:0;display:block;}
	ol,ul,li { list-style:none; }
	input, textarea, select, button { font-family: Verdana,Helvetica,Arial,sans-serif; outline: none;}
	table { border-collapse:collapse; }
	html {overflow-y: scroll;} 
	*{box-sizing:border-box;}
	.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}	/* 清除浮动 */
	.clearfix { *zoom:1; }
	.hide{display: none !important;}
	.show{display:block;}
	.fl{float: left;}
	.fr{float: right;}

	/* 禁止选择复制
	*{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;	}
	input,textarea{-webkit-user-select:auto;} 
	*/

	/* 单行以及多行文本溢出 */
	.line1{overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
	.line2{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
	.line3{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;}
	.line4{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;}
	.line5{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;-moz-line-clamp:5;-o-line-clamp:5;}

	/* 全局颜色 主浅深 mc1/mc2/lc1/lc2/dc1/dc2 */
    :root{--c0:#000; --c3:#333;--c6:#666; --c9:#999; --cc:#ccc; --ce:#eee; --cf:#fff; --clr1:#262626; --clr2:#353636;--clr3:#ffcd11; --clr4:#f2f2f2;--cm1:#ff9000;--cm2:#ff9000;--cs1:#B8BABB; --cl1:#fffcf7;--cl2:#f0f6ff;--cl3:#f5f5f5;--cl4:#f9f9f9;}
}


/* 字体大小 */
/* 2021年PC屏幕分辨率占比：1920（25.6%）- 2560&3440（49.8%）-3840(23.5%) */
/* 1280px尺寸及以下采用浏览器默认字体大小font-size：16px（body=100% ）：h1-32px;h2-24px;h3-18.72px;h4-16px;h5-13.28px;h6-12px;*/
/* 定义移动端（1280px以内）超大字号msz系列：msz10-30大小分别是每行10-30个字, 35个字以上可以用h1-h3实现(1280÷32=40)*/
/* 定义PC端超大字号h1x,h2x,h3x；分别表示h1/h2/h3字号加倍，移动端分别对应msz10,msz15,msz20 */
@media all{
	body{line-height: 1.8;}
    .h1,h1{font-size:1.6667vw;}
    .h2,h2{font-size:1.25vw;}
    .h3,h3{font-size:1.0417vw;}
    .h4,h4{font-size:0.8333vw;}
    body,.h5,h5{font-size:0.7292vw;}
    .h6,h6{font-size:0.625vw;}
	h1,h2,h3,h4,h5,h6{font-weight: bold;}
	h3,h4,h5,h6{line-height: 2.4;}
	sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}
	sub{bottom:-.5em}
	sup{top:-.5em}
    .h1x{font-size: 3.3334vw;}
    .h2x{font-size: 2.5vw;}
    .h3x{font-size: 2.0834vw;}
}
@media all and (max-width:3440px){ 
    .h1,h1{font-size:1.8605vw;}
    .h2,h2{font-size:1.3953vw;}
    .h3,h3{font-size:1.1628vw;}
    .h4,h4{font-size:0.9302vw;}
    body,.h5,h5{font-size:0.814vw;}
    .h6,h6{font-size:0.6977vw;}
    .h1x{font-size: 3.721vw;}
    .h2x{font-size: 2.7906vw;}
    .h3x{font-size: 2.3256vw;}
}
@media all and (max-width:2560px){ 
    .h1,h1{font-size:1.875vw;}
    .h2,h2{font-size:1.4063vw;}
    .h3,h3{font-size:1.1719vw;}
    body,.h4,h4{font-size:0.9375vw;}
    .h5,h5{font-size:0.8203vw;}
    .h6,h6{font-size:0.7031vw;}
    .h1x{font-size: 3.75vw;}
    .h2x{font-size: 2.8126vw;}
    .h3x{font-size: 2.3438vw;}
}
@media all and (max-width:1920px){ 
    .h1,h1{font-size:2.125vw;}
    .h2,h2{font-size:1.59vw;}
    .h3,h3{font-size:1.328vw;}
    body,.h4,h4{font-size:1.0625vw;}
    .h5,h5{font-size:1.0938vw;}
    .h6,h6{font-size:0.9375vw;}
    .h1x{font-size: 5vw;}
    .h2x{font-size: 3.75vw;}
    .h3x{font-size: 3.125vw;}
}
@media all and (max-width:1600px){ 
    .h1,h1{font-size:2.34vw;}
    .h2,h2{font-size:1.755vw;}
    .h3,h3{font-size:1.4625vw;}
    body,.h4,h4{font-size:1.17vw;}
    .h5,h5{font-size:1.1375vw;}
    .h6,h6{font-size:0.975vw;}
    .h1x{font-size: 5.2vw;}
    .h2x{font-size: 3.9vw;}
    .h3x{font-size: 3.25vw;}
}
@media all and (max-width:1440px){ 
    .h1,h1{font-size:2.6667vw;}
    .h2,h2{font-size:2vw;}
    .h3,h3{font-size:1.6667vw;}
    body,.h4,h4{font-size:1.3333vw;}
    .h5,h5{font-size:1.1667vw;}
    .h6,h6{font-size:1vw;}
    .h1x{font-size: 5.3334vw;}
    .h2x{font-size: 4vw;}
    .h3x{font-size: 3.3334vw;}
}
@media all and (max-width:1366px){ 
    .h1,h1{font-size:2.5769vw;}
    .h2,h2{font-size:1.9327vw;}
    .h3,h3{font-size:1.6105vw;}
    body,.h4,h4{font-size:1.2884vw;}
    .h5,h5{font-size:1.1274vw;}
    .h6,h6{font-size:0.9663vw;}
    .h1x{font-size: 5.1538vw;}
    .h2x{font-size: 3.8654vw;}
    .h3x{font-size: 3.203vw;}
}
@media all and (max-width:1280px){
    .h1,h1{font-size:32px;}
    .h2,h2{font-size:24px;}
    .h3,h3{font-size:20px;}
    body,.h4,h4{font-size:16px;}
    .h5,h5{font-size:14px;}
    .h6,h6{font-size:12px;}
	.msz10,.h1x{font-size:10vw;font-weight:400;line-height:1.5;}
	.msz15,.h2x{font-size:6.66vw;font-weight:400;line-height:1.5;}
	.msz20,.h3x{font-size:5vw;font-weight:400;line-height:1.5;}
	.msz25{font-size:4vw;font-weight:400;line-height:1.5;}
	.msz30{font-size:3.33vw;font-weight:400;line-height:1.5;}
}

/* 多段响应式媒体查询参考:-1920-1600-1280-960- */
/* 2021年PC屏幕分辨率占比：1920（25.6%）- 2560&3440（49.8%）-3840(23.5%) */
/* PC */
@media all {
    :root{--cw:70vw}/* cw:ctainWidth */
    .wp{width: 100%;}
    .wp .ctain{width: var(--cw); margin:0 auto;}   
}
@media all and (max-width:1920px){
    :root{--cw:80vw}
}
@media all and (max-width:1600px){
    :root{--cw:90vw}
}
@media all and (max-width:1440px){
    :root{--cw:90vw} 
}
/* Pad */
@media all and (max-width:1280px){
    :root{--cw:90vw} 
}
/* Mobile */
@media all and (max-width:960px){
    :root{--cw:94vw} 
}
@media all and (max-width:640px){}