﻿
.wrap{width:100%;max-width:1200px; margin:0px auto;box-sizing:border-box;}
.f10{font-size:10px;line-height:14px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;line-height:30px;}
.f28{font-size:28px;line-height:32px;}
.f30{font-size:30px;line-height:34px;}
.f32{font-size:32px;line-height:36px;}
.f34{font-size:34px;line-height:38px;}
.f36{font-size:36px;line-height:40px;}
.f38{font-size:38px;line-height:42px;}
.f48{font-size:48px;line-height:52px;}
.fb{font-weight:bold;}
.ctr{text-align:center;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}
.w20{width:20%;box-sizing:border-box;}
.w25{width:25%;box-sizing:border-box;}
.w30{width:30%;box-sizing:border-box;}
.w40{width:40%;box-sizing:border-box;}
.w48{width:48%;box-sizing:border-box;}
.w50{width:50%;box-sizing:border-box;}
.w55{width:55%;box-sizing:border-box;}
.w60{width:60%;box-sizing:border-box;}
.w70{width:70%;box-sizing:border-box;}
.w80{width:80%;box-sizing:border-box;}
.w90{width:90%;box-sizing:border-box;}
.w100{width:100%;box-sizing:border-box;}
.color-red{color:#ee3e27;}
.color-white{color:#fff;}
.color000{color:#000;}
.color333{color:#333;}
.color666{color:#666;}
.color999{color:#999;}
.upper{text-transform:uppercase;}
.whitebg{background-color:#ffffff;}
.greybg{background-color:#f1f1f1;}
.yellowbg{background-color:#f9f3ee;}
.redbg{background-color:#ed3e26;}
.greenbg{background-color:#11aa66;}
.limited{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;}
.limited-line2{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.limited-line3{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.limited-line4{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow:hidden;}
.limited-line5{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow:hidden;}
.limited-line6{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow:hidden;}
.lineheight16{line-height:16px;}
.lineheight20{line-height:20px;}
.underline{text-decoration:underline;}
.mp5{margin-top:5px;}
.mp10{margin-top:10px;}
.mp20{margin-top:20px;}
.mp30{margin-top:30px;}
.mp40{margin-top:40px;}
.mp60{margin-top:60px;}
.mp80{margin-top:80px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd-0-5{padding:0 5px;}
.pd-0-10{padding:0 10px;}
.pd-0-20{padding:0 20px;}
.pd-5-0{padding:5px 0px;}
.pd-5-10{padding:5px 10px;}
.pd-5-20{padding:5px 20px;}
.pd-10-0{padding:10px 0;}
.pd-10-5{padding:10px 5px;}
.pd-10-20{padding:10px 20px;}
.pd-20-0{padding:20px 0;}
.pd-20-5{padding:20px 5px;}
.btmline{border-bottom:solid 1px #f0f0f0;}
.topline{border-top:solid 1px #f0f0f0;}
.yj4{border-radius:4px;}
.yj5{border-radius:5px;}
.yj6{border-radius:6px;}
.yj8{border-radius:8px;}
.yj10{border-radius:10px;}
.yj20{border-radius:20px;}
.h4to3 {
    height: auto;
    aspect-ratio: 4 / 3; /* 浏览器会自动根据宽度的 3/4 来计算高度 */
    object-fit: cover; /* 可选：防止图片因比例不完全匹配而拉伸变形 */
}
.h2to1 {height: auto; aspect-ratio: 2 / 1;  object-fit: cover; }
.h1to1 {height: auto; aspect-ratio: 1 / 1;  object-fit: cover; }
.h9to6 {height: auto; aspect-ratio: 9 / 6;  object-fit: cover; }
.h1920to500 {height: auto; aspect-ratio: 1920 / 500;  object-fit: cover; }
.h1920to700 {height: auto; aspect-ratio: 1920 / 700;  object-fit: cover; }
.cursor-pointer{cursor:pointer;}
.fast{transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;}
.delay{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.slow{transition:all 800ms;-moz-transition:all 800ms;-webkit-transition:all 800ms;-o-transition:all 800ms;}

.shadow{box-shadow:0 0 5px #f0f0f0;}
.shadow_text {
    -moz-text-shadow: 1px 0px 0px rgba(0,0,0,0.2),-1px 0px 0px rgba(0,0,0,0.2),0px 1px 0px rgba(0,0,0,0.2),0px -1px 0px rgba(0,0,0,0.2);
    -webkit-text-shadow: 1px 0px 0px rgba(0,0,0,0.2),-1px 0px 0px rgba(0,0,0,0.2),0px 1px 0px rgba(0,0,0,0.2),0px -1px 0px rgba(0,0,0,0.2);
    text-shadow: 1px 0px 0px rgba(0,0,0,0.2),-1px 0px 0px rgba(0,0,0,0.2),0px 1px 0px rgba(0,0,0,0.2),0px -1px 0px rgba(0,0,0,0.2);
}

/*flex布局*/
.flex { display: flex; }
.dir-clu{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.jus-sta{justify-content:flex-start;}
.jus-ctr{justify-content:center;}
.jus-btw{justify-content:space-between;}
.jus-eve{justify-content:space-evenly;}
.jus-ard{justify-content:space-around;}
.jus-end{justify-content:flex-end;}
.ali-sta{align-items:flex-start;}
.ali-ctr{align-items:center;align-content:center;}
.ali-end{align-items:flex-end;align-content:flex-end;}
.ali-bline{align-content:baseline;align-items:baseline;}

/*新闻列表*/
.newslist{margin-top:2px;}
.newslist .item{padding:30px 0;border-bottom:solid 1px #f0f0f0;width:100%;}
.newslist .item .face{width:240px;}
.newslist .item .desc{width:calc(100% - 260px);text-align:justify;line-height:25px;}

.position{padding:15px 0;border-bottom:solid 1px #f0f0f0;}
.newsinfo{width:1000px;margin:0 auto;}
.newshead{border-bottom:solid 1px #f0f0f0;padding-bottom:15px;width:100%;padding-top:50px;}
.newshead h1{font-size:26px;margin-bottom:20px;}
.nescontent{width:800px;padding:30px 0px;line-height:25px;box-sizing:border-box;margin:0 auto;}
.nescontent p{padding:0;margin:0;}
.nescontent img{max-width:100%;}

.boxtle{display:flex;}
.boxtle .nm{padding:10px 0;border-bottom:solid 3px #395DCE;}
.boxtle.bline{border-bottom:solid 1px rgba(0,0,0,0.1);}