@charset "utf-8"; 
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { padding: 0; margin: 0; }
ul, ol, dl { list-style-type: none }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button { overflow: visible; vertical-align: middle; outline: none }
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] { appearance: none; -webkit-appearance: none; outline: none }
body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53"; font-size: 12px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
img { border: none; margin: 0px; padding: 0px; }
a:link, a:visited { text-decoration: blink; }
body { margin: 0 auto; padding: 0; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; overflow: hidden; }
.clearfix { zoom:1;}
.fl { float: left; }
.fr { float: right; }
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.htjtBody{ max-width: 1920px; min-width: 1200px; margin-left: auto; margin-right: auto; background: url(../images/bg.png) no-repeat center top;padding-bottom: 63px;}
.htjtHeader{height: 606px;width: 1200px;margin-left: auto;margin-right: auto;background: url(../images/zhuwenzi.png) no-repeat center;}
.htjtNews{width: 1200px;margin-left: auto;margin-right: auto;box-sizing: border-box;padding-top: 36px;padding-bottom: 27px;padding-left: 30px;padding-right: 30px;/*background: url(../images/yi.png) no-repeat center top;*/border-radius: 12px;background: linear-gradient(to bottom, rgba(255,248,238, .9) 0%, rgba(255, 255, 255, .9) 100%, #ffffff 100%);}
.htjt-swiper { width: 576px; height: 324px; overflow: hidden; position: relative; }
.htjt-swiper .htjt-img { width: 100%; height: 100%; overflow: hidden; }
.htjt-img img { display: block; width: 100%; margin: 0 auto; min-height: 100%; }
.htjt-text { position: absolute; left: 0px; bottom: 0px; width: 96%; padding: 12px 2% 19px; height: 24px; background: linear-gradient(to right, rgba(153,19,11, 0.87) 0%, rgba(198,87,33,0.87) 100%);line-height: 24px; font-size: 16px; color: #ffffff; }
.htjt-text .title { font-size: 16px;color: #FFF5D5;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.htjt-text .summary { font-size: 16px; color: #ff9c8b; line-height: 28px; padding-right: 80px ; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.htjtBody .htjt-swiper>.swiper-pagination-bullets { width: auto; right: 20px; bottom: 23px; left: auto; margin: 0 2px; }
.htjt-swiper .swiper-pagination span { width: 6px; height: 6px; background: #EE8D74; opacity: 1; }
.htjt-swiper .swiper-pagination span.swiper-pagination-bullet-active { background: #FED135; }
.htjt-list{width: 534px; height: 324px; overflow: hidden; position: relative;}
.hotNewsBox{padding-bottom: 18px;border-bottom:1px solid #F3F0E8;}
.hotNewsBox .title{font-size: 24px;line-height: 27px;height: 54px;color: #B8281E;font-weight: 600;}
.hotNewsBox .summary{margin-top: 12px;line-height: 22px;color: #AD938B;font-size: 16px;height: 44px;}
.moreBtn{position: absolute;width: 100%;height: 30px;left: 0;bottom: 0;background: url(../images/more.png) no-repeat center right;}
.moreBtn a{display: block;height: 30px;}
.htjt-newsList{height: 168px;overflow: hidden;padding-top: 16px;}
.htjt-newsList li{height: 30px;padding: 4px 0;line-height: 30px;font-size: 16px;}
.htjt-newsList li a{display: block;position: relative;height: 30px;padding-left: 20px;}
.htjt-newsList li span.dot{display: block;position: absolute;width: 20px;left: 0;top: 0;height: 30px;}
.htjt-newsList li span.dot i.lf{position: absolute;width: 7px;height: 7px;display: block;background: url(../images/red.png) no-repeat center;left: 0; top: 10px;}
.htjt-newsList li span.dot i.lr{position: absolute;width: 7px;height: 7px;display: block;background: url(../images/act.png) no-repeat center;left: 4px; top: 16px;}
.htjt-newsList li span.title{height: 30px;color: #532D21;display: block;}
.htjt-newsList li a:hover span.title{color: #AA3108;}
.tt { background: #ffffff; }
@media only screen and (max-width: 750px) {
  .htjtBody{background: url(../images/ydbg.png) no-repeat center top;background-size:contain;padding-bottom:5.25vw ;}
  .htjtBody{min-width: 100%;width: 100%;}
  .htjtHeader{width: 100%;height: 97vw;background: transparent;}
  .htjtNews{width: 100%;padding-top: 3vw;padding-bottom: 2.25vw;padding-left: 2.5vw;padding-right: 2.5vw;border-radius: 2vw;}
  .htjt-swiper{width: 100%;height: 56vw;}
  .htjt-text{padding:1vw 2% 1.5vw;width: 100%;box-sizing: border-box;height: calc(24px + 2.5vw);}
  .htjtBody .htjt-swiper>.swiper-pagination-bullets{bottom: 2vw;right: 1.5vw;}
  .htjt-list{width: 100%;padding-top: 2vw;}
  .hotNewsBox .title{font-size: 18px;line-height: 24px;height: auto;max-height: 48px;}
  .hotNewsBox .summary{margin-top: 8px;height: auto;max-height: 44px;}
  .tt{display: none;}
}