@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #666; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { border: 0; vertical-align: top; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { position: relative; float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/*com*/
.hd, .bd, .ft, .d, .inn, .inn2, .u, .u li, .u2, .pic, .txt, .box { position: relative; clear: both; overflow: hidden; }
.wrap, .header, .footer, .area { position: relative; clear: both; width: 100%; overflow: hidden; min-width: 1200px; }
.inn, .inn2 { width: 1200px; margin: 0 auto; }
.wrap { background: url(../images/bg_wrap.jpg) center 0 no-repeat; }
/*footer*/
.footer { font-size: 12px; height: 40px; line-height: 40px; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.f_link { float: right; margin-top: 11px; }
.f_link li { float: left; height: 18px; line-height: 18px; padding: 0 10px; background-position: 100% -487px; }
.f_link li.last { background: none; }
.footer .f_fcr { float: left; color: #f00; margin-right: 100px; }
/*area*/
.pic img { width: 100%; }
.a_btn, .aBtn { display: inline-block; line-height: 20em; background: url("../images/a_btn1.png") 0 0 no-repeat; background-size: 100%; overflow: hidden; }
.a_btn2 { background-image: url("../images/a_btn2.png"); }
.header { height: 634px; }
.P1 { margin-bottom: 100px; }
.P1 .hd, .P1 .bd, .P1 .ft { height: 74px; background: url("../images/bg_p1.png") 0 0 no-repeat; }
.P1 .ft { height: 117px; background-position: 0 -100px; }
.P1 .bd { width: 976px; height: auto; padding: 88px 112px 0; background-position: -1263px 0; background-repeat: repeat-y; }
.d_ewm { width: 242px; height: 236px; margin: 44px auto 0; }
.d_btn { display: none; text-align: center; height: auto; }
.P1 .txt, .P1 .txt h3 { font-size: 22px; font-weight: normal; color: #072a32; line-height: 46px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.P1 .txt h3 { margin-top: 46px; }
.pic2 { display: none; }
/*wrap2*/
.wrap2 { min-width: auto; max-width: 640px; margin: 0 auto; background: none; }
.iC { position: absolute; display: block; line-height: 20em; background: url("../images/i_cbs.png") 0 0 no-repeat; background-size: 100%; overflow: hidden; }

/*media*/
@media (max-width:640px) {
html { font-size: calc(100vw / 10); }
.tNav, .navT4, .footer .f_fcr, .f_link, .d_ewm, .pic1 { display: none; }
.wrap, .header, .footer, .area { min-width: 100%; }
.inn, .inn2 { width: auto; }
.wrap { background: url("../images/bg_wrap2.jpg") center 0 no-repeat; background-size: 100%; }
.footer { height: auto; }
.footer .fl { float: none; width: 88%; text-align: center; line-height: 1.7; margin: 0.4rem auto; }
.footer a { display: block; }
.header { height: 10rem; }
.d_btn { display: block; padding: 0.8rem 0 0; }
.a_btn { width: 2.773rem; height: 1.173rem; margin: 0 0.307rem; }
.d_btn2 { display: flex; flex-wrap: nowrap; height: 1.2rem; padding-top: 0.4rem; justify-content: center; }
.aBtn { width: 1.8rem; height: 0.773rem; background-image: url("../images/aBtn1.png"); }
.aBtn2, .aBtn3 { width: 2.867rem; margin: 0 0.053rem; background-image: url("../images/aBtn2.png"); }
.aBtn3 { background-image: url("../images/aBtn3.png"); }
.aBtn4 { background-image: url("../images/aBtn4.png"); }
.P1 { margin-bottom: 0; }
.P1 .hd, .P1 .ft { display: none; }
.P1 .bd { width: auto; padding: 0.4rem 0.4rem 0.8rem; background: #fff; }
.P1 .txt, .P1 .txt h3 { font-size: 0.373rem; line-height: 1.7; text-shadow: -0.013rem -0.013rem 0 #fff, 0.013rem -0.013rem 0 #fff, -0.013rem 0.013rem 0 #fff, 0.013rem 0.013rem 0 #fff; }
.P1 .txt { padding: 0 0.4rem 0.4rem; }
.P1 .txt h3 { margin-top: 0.4rem; }
.pic2 { display: block; }
.wrap2 { background: none; }
.wrap2 .inn { padding: 0 0.213rem 1.333rem; }
.P2_1 .hd { font-size: 0.427rem; font-weight: bold; color: #242422; height: 1.467rem; line-height: 1.467rem; }
.cap2 { font-size: 0.533rem; text-align: center; letter-spacing: 0.107rem; color: #3c68d7; text-shadow: -0.053rem -0.053rem 0 #fff, 0.053rem -0.053rem 0 #fff, -0.053rem 0.053rem 0 #fff, 0.053rem 0.053rem 0 #fff; }
.cap2_2 { color: #a82314; }
.cap2_3 { color: #147f54; }
.cap2_4 { color: #7d13b8; }
.box, .ptC, .nrP { position: relative; margin: 0 auto 0.427rem; background: #fff; border: 0.027rem solid #090e0f; border-radius: 0.267rem; }
.box { font-size: 0.373rem; color: #646161; line-height: 0.64rem; padding: 0.507rem; }
.box .cap4 { position: relative; float: left; font-size: 0.48rem; font-weight: bold; line-height: 0.773rem; padding-right: 1.173rem; margin-bottom: 0.187rem; }
.box .cap4 a { text-decoration: underline; color: #4e85e2; }
.i_cbs { top: 0.24rem; right: 0; width: 0.853rem; height: 0.293rem; background-image: url("../images/a_more.png"); }
.i_sd { top: 50%; left: 0; width: 0.387rem; height: 0.387rem; background-image: url("../images/i_sd.png"); transform: translate(0, -50%); }
.ptC { min-height: 2.933rem; padding: 0.347rem 0 0.347rem 0.347rem; }
.ptC .pic { position: absolute; top: 0.533rem; right: 0.267rem; z-index: 2; width: 2.773rem; height: 2.773rem; overflow: hidden; }
.ptC img {object-fit: contain;height: 100%; }
.ptC .txt { padding-right: 3.467rem; }
.ptC h4 { font-size: 0.373rem; font-weight: normal; color: #242422; margin-bottom: 0.133rem; }
.ptC p { font-size: 0.32rem; color: #a3a3a3; line-height: 0.533rem; }
.ptC .p_author { color: #cb7300; margin-top: 0.133rem; }
.nrP { font-size: 0.373rem; font-weight: normal; color: #6b6b6b; line-height: 2; padding: 0 0.347rem 0.8rem; margin-top: 0.613rem; }
.nrP .hd { padding: 0.8rem 0 0.4rem; }
.nrP .cap1 { font-size: 0.427rem; font-weight: normal; text-align: center; color: #242422; line-height: 0.72rem; }
.nrP img { max-width: 100%; }
.s_sd { position: absolute; top: 0.267rem; right: 0; display: block; font-size: 0.32rem; color: #4e85e2; height: 0.4rem; line-height: 0.4rem; padding-left: 0.48rem; }
}
.truncate {
  display: -webkit-box; /* 使 div 的内容表现为多行文本 */
  -webkit-box-orient: vertical; /* 必须配合 display: -webkit-box 使用 */
  -webkit-line-clamp: 3; /* 限制显示的行数 */
  overflow: hidden; /* 隐藏超出的文本 */
  text-overflow: ellipsis; /* 添加省略号 */
}