@charset "utf-8";
/* CSS Document public*/
*{font-family:"Microsoft YaHei","PingFang SC", Arial,Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box;  -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;-webkit-font-smoothing:antialiased;line-height: 1; font-size:14px;overflow-x: hidden;}
html,body{ min-height:100vh;} html{ overflow:-moz-scrollbars-vertical;} 

.flex{ display: -webkit-flex; /* Safari */display: flex; }
#miso_loading{ position:fixed; top:0; right:0; bottom:0; left:0; width:100vw; height:100vh; background:#fff; z-index:100000000}

html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}

a{text-decoration:none;/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
a{display: inline-block;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
/* hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 0;margin-top: 1.5rem;} */
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#0000001a')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#0000001a');  /* For IE 5.5 - 7 */-moz-box-shadow: 0 2px 12px 0 #0000001A;/* for firefox */ -webkit-box-shadow: 0 2px 12px 0 #0000001A;/* for safari or chrome */ box-shadow:0 2px 12px 0 #0000001A;/* for opera or ie9 */}

.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/

video{max-width: 100%;}
.scale { overflow: hidden;}
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.l8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.l9 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }

.a_body{ position:relative}
ul li,dl dd{ vertical-align:top}
img{vertical-align:middle;max-width: 100%;}
a{ color:inherit}

input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0}
input:focus {border: none;}

input::-webkit-input-placeholder{ color:#666;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#666; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#666;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#666;}

textarea::-webkit-input-placeholder{ color:#666;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#666;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#666;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#666;}

.w1000{width:10rem;margin:0 auto; max-width: 94%; overflow: hidden;}
.w1200{width:12rem;margin:0 auto; max-width: 94%; overflow: hidden;}
.w1400{width:14rem;margin:0 auto; max-width: 94%; overflow: hidden;}
.w1600{width:16rem;margin:0 auto; max-width: 94%; overflow: hidden;}
.w1800{width:18rem;margin:0 auto; max-width: 94%; overflow: hidden;}
@media(max-width: 1200px){
.w1000,.w1200,.w1400,.w1600,.w1800{padding:0 15px; width: 100%; max-width: 100%;}
}
html{font-size: 100px!important;}


@media screen and (max-width:1930px){
	html{font-size: 100px!important;}
}
@media screen and (max-width:1800px){
	html{font-size: 95px!important;}
}
@media screen and (max-width:1600px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:1400px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:1024px){
	html{font-size: 75px!important;}
}
@media screen and (max-width:900px){
	html{font-size: 70px!important;}
}
@media screen and (max-width:360px){
	html{font-size: 70px!important;}
} 
@media screen and (max-width:350px){
	html{font-size: 65px!important;}
} 

@media(min-width: 1200px){
	@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { 
	}

	@media (-webkit-min-device-pixel-ratio: 1.05) {
		@media screen and (min-width:1920px){
			html{font-size: 100px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 95.5px!important;}
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.1) {
		@media screen and (min-width:1920px){
			html{font-size: 100px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 92.5px!important;}
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.15) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 87px!important;}
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.20) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 84px!important;}
		}
	}
	/* 屏幕分辨率放大为 125 */
	@media (-webkit-min-device-pixel-ratio: 1.25) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 80px!important;}
		}
	}
	/* 屏幕分辨率放大为 150 */
	@media (-webkit-min-device-pixel-ratio: 1.5) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 70px!important;}
		}
	}
}