@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/*去掉下面一行注释,可使整个网站群页面变灰*/
/*body{filter:gray}*/

/*全局样式*/
html {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


body,input,select,textarea{font-family:"Arial","Hiragino Sans GB",Helvetica; font-size:16px;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ color:#2b2b2b; word-wrap: break-word;  word-break: break-word;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,  tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{padding:0; margin:0; border:0; outline:0; background:transparent}
article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
table{ margin:0 auto;border-spacing:0; border-collapse:collapse; }
img{border:0; max-width:100%;}
i{ font-style:normal}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a {color:#2b2b2b;text-decoration:none; }
label{ vertical-align:middle}
div,a,li,span,h1{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}  /*Safari */
input,textarea,select,a,button{ outline:none; border:0}



a:active {
  star: expression(this.onFocus=this.blur());
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #9e2121;
  outline: none;
}




.f18{ font-size:18px;}
.f14{ font-size:14px;}
.mb10{ margin-bottom:10px;}
.fb{}

.red{ color:#e75745}
.orange{ color:#fda825;}
.blue{color:#0680de}
.gray{ color:#666}
.fl{ float:left;}
.fr{ float:right;}
.pointer{cursor:pointer;}
.textLeft{ text-align:left;}
.textRight{ text-align:right;}
.textCenter{ text-align:center}

.orange-color{color:#f6ab1a}
.border{border: 1px solid #dedede}

img{max-width: 100%;}

.clearfix{zoom:1}
.clearfix:after,.clearfix after{visibility:hidden; display:block; content:""; clear:both}
.blank{ margin-top:50px;}
.blank18{ margin-top:18px;}
.tac{ text-align:center;}
.flex{display: flex;flex-wrap: wrap;}
.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: contain !important; background-position: center center !important;}
.imged img { display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1; transition: 0.5s }
.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; }
.wp{max-width:92%; width:1280px; margin: 0 auto; position: relative;/* z-index: 3;*/}

@media only screen and (max-width:1200px) {
    .wp{max-width:100%; width:100%;padding: 0 15px;}
}