﻿@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
@media (min-width:1601px) {
html{font-size:100px;}
}
@media (max-width:1600px) {
html{font-size: 6.25vw;}
}
@media (max-width:1024px) {
html{font-size: 92px;}
}
body {background-color:#fff; color:#333; font:0.16rem Arial,"Lucida Grande";/*设置字体*/ overflow:hidden; width:100%;/*设置宽度*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.16rem; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}
html,body{overflow-x: hidden; min-height: 100vh;}

a {text-decoration:none; outline:none; color:#333333;}
a:focus {outline:none; -moz-outline:none;}
a img {border:none;}
img{ max-width:100%; border:none; vertical-align: middle;}


/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after {content: '';display: block;height: 0;clear: both;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.min-h100{ min-height:100vh;}
.w1440{ max-width:1440px; width:86%;}
.w1200{ max-width:1200px; width:84%;}
.auto{ margin:0 auto;}
.padd{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.absolute{ position: absolute;}
.relative{position: relative;}
.fixed{ position: fixed;}
.flex{ display: flex;}
.inline-block{ display: inline-block;}
.table{ display: table;}
.table-cell{ display: table-cell; vertical-align: middle;}
.fl{ float: left;}
.fr{ float: right;}
.pc_tu{ display: block;}
.web_tu{ display: none;}
.top_neiy{ display: none;}


.dot { display: block; 
    text-overflow: ellipsis; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.dot4 {-webkit-line-clamp: 4;}
.dot5 {-webkit-line-clamp: 5;}
.dot6 {-webkit-line-clamp: 6;}

/* @media(max-width:1440px){
.w1440{ padding:0 2%;}
}
@media(max-width:1200px){
.w1200{ padding:0 2%;}
} */
@media(max-width:768px){
.pc_tu{ display: none;}
.web_tu{ display: block;}
}


/* 自定义字体 */
@font-face {
	font-family: "HKGrotesk";
	src: url("../fonts/HKGrotesk-Bold.otf");
	font-weight: normal;
	font-style: normal;
}