@charset "utf-8";
.pagination {
 text-align: center;
 font-size: 0;
 padding-top: 50px
}
.pagination a {
 display: inline-block;
 border: 1px solid #dcdcdc;
 padding: 0 12px;
 height: 35px;
 font-size: 14px;
 line-height: 35px;
 text-align: center;
 color: #666;
 margin: 0 7px
}
.pagination a.active {
 background: #aa040b;
 color: #fff;
 border: 1px solid #aa040b
}
.pagination a:hover {
 background: #aa040b;
 color: #fff;
 border: 1px solid #aa040b
}
.pagination span {
 display: inline-block;
 font-size: 14px
}
#nymain {
 background: url() no-repeat;
 background-size: 1920px auto;
 background-position: center bottom
}
.nymain {
 margin-top: 50px;
 overflow: hidden
}
.nymain .leftNav {
 float: left;
 width: 242px;
 background: #fff;
 position: relative
}
.nymain .leftNav p {
 position: relative;
 text-align: center;
 font-size: 30px;
 color: #fff;
 line-height: 92px;
 background-color: #aa040b
}
.nymain .leftNav p span {
 position: absolute;
 top: 36px;
 right: 10px;
 width: 25px;
 height: 25px;
 background: url(../images/sub_left_down2.png) no-repeat center center;
 background-size: 14px 14px;
 display: none
}
.nymain .leftNav p span.on {
 background: url(../images/sub_left_up2.png) no-repeat center center;
 background-size: 14px 14px
}
.nymain .leftNav ul {
 background: #fff;
 padding-top: 5px
}
.nymain .leftNav ul li {
 position: relative;
 margin-top: 3px
}
.nymain .leftNav ul li a {
 display: block;
 font-size: 18px;
 color: #333333;
 line-height: 60px;
 padding-left: 30px
}
.nymain .leftNav>ul>li>a {
 background: #f6f7f9
}
.nymain .leftNav>ul>li>span {
 position: absolute;
 width: 15px;
 height: 12px;
 right: 30px;
 top: 24px;
 line-height: 50px;
 background: url(../images/sub_left_down.png) no-repeat center center;
 background-size: 15px 12px;
 cursor: pointer
}
.nymain .leftNav>ul>li.active>a {
 background: #f7f8fa;
 background-size: 8px 100%;
 background-position: left top;
 color: #fff;
 background: #aa040b
}
.nymain .leftNav>ul>li.active>ul {
 display: block
}
.nymain .leftNav>ul>li.active>span {
 background: url(../images/sub_left_down-hover.png) no-repeat center center;
 background-size: 15px 12px
}
.nymain .leftNav ul li:hover>a {
 background-size: 8px 100%;
 background-position: left top;
 color: #fff;
 background: #aa040b
}
.nymain .leftNav ul li:hover span {
 background: url(../images/sub_left_down-hover.png) no-repeat center center;
 background-size: 15px 12px
}
.nymain .leftNav>ul>li>ul {
 display: none;
 background: #f6f7f9;
 padding-top: 0;
 padding-bottom: 0;
 padding-right: 0
}
.nymain .leftNav>ul>li>ul>li>a {
 font-size: 14px;
 padding-left: 50px;
 line-height: 50px
}
.ny-right {
 overflow: hidden;
 padding-bottom: 50px;
 padding-left: 50px
}
.position {
 text-align: right;
 font-size: 0;
 padding: 16px 0;
 border-bottom: 1px solid #eceae4;
 margin-bottom: 30px
}
.ny-title h3 {
 float: left;
 font-size: 20px;
 font-weight: 600;
 color: #aa040b;
 padding-bottom: 9px;
 border-bottom: 3px solid #aa040b
}
.position span {
 color: #666666;
 font-size: 16px;
 vertical-align: middle
}
.position img {
 height: 16px;
 vertical-align: middle;
 margin-right: 5px
}
.position a {
 font-size: 16px;
 color: #666666;
 margin: 0 5px;
 vertical-align: middle
}
.position a:hover {
 color: #aa040b
}
.text-list ul {
 margin-top: 30px
}
.text-list ul li {
 padding-left: 20px;
 padding-right: 100px;
 background: url(../images/dot2.png) no-repeat;
 background-position: left center;
 position: relative;
 font-size: 18px;
 line-height: 45px
}
.text-list ul li a {
 display: block;
 color: #333333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 transition: all 0.3s
}
.text-list ul li:hover a {
 color: #aa040b;
 transform: translateX(5px)
}
.text-list ul li span {
 position: absolute;
 right: 0;
 top: 0;
 color: #999999
}
.art-main .art-tit {
 border-bottom: 1px solid #e5e5e5;
 margin-bottom: 30px
}
.art-main .art-tit h3 {
 text-align: center;
 font-weight: 600;
 color: #000;
 font-size: 20px;
 margin-bottom: 20px;
 padding-top: 20px
}
.art-main .art-body p {
 color: #333 !important;
 text-indent: 2em !important;
 font-size: 16px !important;
 line-height: 32px !important;
 margin-bottom: 20px
}
.art-main .art-body img {
 max-width: 100%;
 /* width: 80%; */
 object-fit: cover;
 height: auto;
}
.art-main .cont-tit p {
 font-size: 0;
 text-align: center;
 padding-bottom: 20px
}
.art-main .cont-tit p img {
 display: inline-block;
 vertical-align: middle;
 height: 16px;
 margin-right: 5px
}
.art-main .cont-tit p .liulan {
 margin-left: 50px
}
.art-main .cont-tit p span {
 display: inline-block;
 vertical-align: middle;
 font-size: 14px;
 color: #666;
 margin: 0 10px
}
.art-main .cont-tit p span span {
 margin: 0;
}
.zzjg>ul {
 overflow: hidden;
 padding-bottom: 65px
}
.zzjg>ul li {
 float: left;
 width: 21%;
 margin: 2%;
 font-size: 16px
}
.zzjg>ul li a {
 display: block;
 font-size: 16px;
 color: #666
}
.zzjg>ul li a span {
 display: block;
 padding-left: 15px;
 background: url() no-repeat left center;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}
.zzjg>ul li:hover a {
 color: #aa040b
}
.img-lists ul {
 overflow: hidden;
 margin-top: 10px
}
.img-lists ul li {
 float: left;
 width: 30%;
 margin: 20px 1.5% 0 1.5%;
 border: 1px solid #eee;
 transition: all 0.3s;
 position: relative;
 top: 0
}
.text-lists>ul>li>a>.pic img {
 width: 100%;
 height: 100%
}
.img-lists ul li:hover {
 box-shadow: 0 0 10px rgba(51, 51, 51, 0.16);
 top: -10px
}
.img-lists ul li a {
 display: block;
 width: 100%
}
.img-lists ul li a>img {
 display: block;
 width: 100%;
 height: 196px
}
.img-lists ul li a>div.info {
 padding: 10px;
 font-size: 0
}
.img-lists ul li a>div.info p {
 color: #333;
 font-size: 16px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-bottom: 5px
}
.img-lists ul li a>div.info img {
 height: 14px;
 vertical-align: middle
}
.img-lists ul li a>div.info span {
 font-size: 14px;
 display: inline-block;
 margin-left: 5px;
 color: #999;
 vertical-align: middle
}
.xyld>ul li {
 font-size: 15px;
 line-height: 60px;
 color: #333333;
 padding: 0 10px;
 cursor: pointer
}
.xyld>ul li.odd {
 line-height: 50px;
 background: #f6f7f9
}
.xyld>ul li p span {
 color: #aa040b;
 margin-right: 10px
}
.xyld-main {
 margin-top: 50px
}
.xyld-main>div {
 display: none
}
.xyld-main>div:first-child {
 display: block
}
.xyld-main div h3 {
 font-size: 16px;
 font-weight: 600;
 color: #333333;
 border-bottom: 2px solid #aa040b;
 padding: 0 10px;
 padding-bottom: 10px;
 margin-bottom: 25px
}
.ld-pic {
 float: left;
 margin-left: 15px;
 width: 150px
}
.ld-pic img {
 display: block;
 width: 100%
}
.ld-info {
 float: right;
 margin-right: 10px;
 width: 750px
}
.ld-info h4 {
 font-weight: normal;
 font-size: 16px;
 line-height: 48px;
 color: #000000
}
.ld-info p {
 font-size: 15px;
 line-height: 35px;
 color: #777777;
 text-align: justify
}
.timg-list ul li {
 border-bottom: 1px solid #dcdcdc;
 transition: all .3s
}
.timg-list ul li a {
 display: block;
 padding: 25px 20px
}
.timg-list ul li:hover a {
 background: #aa040b
}
.timg-list ul li a h3 {
 margin-top: 20px;
 font-size: 20px;
 color: #333333;
 font-weight: 600;
 line-height: 20px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis
}
.timg-list ul li a>div {
 overflow: hidden
}
.timg-list ul li a .pic {
 padding-top: 0;
 height: 188px;
 float: left;
 width: 268px;
 margin-right: 20px
}
.timg-list ul li a .pic img {
 width: 100%;
 height: 100%
}
.timg-list ul li a:hover h3 {
 color: #fff;
 font-weight: 600
}
.timg-list ul li a:hover .timg-linfo p {
 font-size: 16px;
 color: #fff
}
.timg-linfo {
 overflow: hidden
}
.timg-linfo p {
 margin-top: 20px;
 margin-bottom: 10px;
 font-size: 16px;
 line-height: 26px;
 color: #333333;
 color: rgba(51, 51, 51, .7);
 white-space: pre-wrap;
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 line-clamp: 3;
 -webkit-box-orient: vertical
}
.timg-linfo span {
 display: block;
 color: #333;
 font-size: 14px;
 margin-top: 5px
}
.timg-list ul li a:hover .timg-linfo span {
 color: #fff
}
.mechanism p {
 margin-top: 30px;
 margin-bottom: 20px;
 border-left: 3px solid #aa040b;
 font-size: 26px;
 font-weight: bold;
 color: #333;
 padding-left: 10px
}
.mechanism ul {
 overflow: hidden
}
.mechanism ul>li {
 float: left;
 width: 30%;
 margin-bottom: 15px;
 text-align: center;
 background-color: #dfe1e3;
 line-height: 26px;
 padding-top: 15px;
 padding-bottom: 15px
}
.mechanism ul>li:nth-child(3n-1) {
 margin-left: 5%;
 margin-right: 5%
}
.mechanism ul>li a {
 display: block;
 border-left: 3px solid #aa040b;
 font-size: 14px;
 color: #333
}
.ldtz ul {
 margin-top: 30px
}
.ldtz ul li {
 float: left;
 width: 48%;
 margin-bottom: 60px
}
.ldtz ul li:nth-child(2n+1) {
 margin-right: 4%
}
.ldtz ul li a {
 display: block;
 overflow: hidden;
 margin: 5px;
 border: 1px solid #eeeeee;
 transition: all 0.3s
}
.ldtz ul li a:hover {
 box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.ldtz-pic {
 float: left;
 width: 165px;
 margin-right: 25px
}
.ldtz-pic .pic {
 padding-top: 143%
}
.ldtz-info {
 overflow: hidden;
 padding-top: 35px
}
.ldtz-info h3 {
 font-size: 20px;
 line-height: 22px;
 font-weight: 600;
 color: #333333;
 padding-top: 20px;
 position: relative;
 margin-bottom: 15px
}
.ldtz-info h3::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 30px;
 height: 4px;
 background: #aa040b
}
.ldtz-info p {
 font-size: 16px;
 line-height: 30px;
 overflow: hidden;
 color: #666666
}
@media screen and (max-width:1024px) {
 .nymain .leftNav p span {
  display: block
 }
 .nymain .leftNav {
  float: none;
  width: auto
 }
 .nymain .leftNav ul {
  display: none
 }
 .nymain .leftNav p {
  line-height: 55px;
  margin-left: -15px;
  margin-right: -15px
 }
 .nymain .leftNav p span {
  top: 17px
 }
 .nymain {
  margin-top: 0
 }
 .ny-right {
  padding-left: 10px;
  padding-right: 10px
 }
}
@media screen and (max-width:1000px) {
 .ldtz-pic {
  float: none;
  margin: 0 auto
 }
 .ldtz-info {
  padding: 0 20px;
  padding-bottom: 15px;
  margin-top: 20px;
  text-align: center
 }
 .ldtz-info h3::before {
  left: 50%;
  transform: translateX(-50%)
 }
}
@media screen and (max-width: 768px) {
 .mechanism ul>li {
  float: left;
  width: 48%
 }
 .mechanism ul>li:nth-child(3n-1) {
  margin-left: 0;
  margin-right: 0
 }
 .mechanism ul>li:nth-child(2n) {
  margin-left: 4%
 }
}
@media screen and (max-width:650px) {
 .img-lists ul li {
  width: 48%;
  margin-left: 0;
  margin-right: 0
 }
 .img-lists ul li:nth-child(2n) {
  margin-left: 3%
 }
 .zzjg>ul li {
  width: 46%
 }
 .text-list ul li {
  font-size: 14px
 }
 .timg-list ul li a .pic {
  float: none;
  width: 100%;
  height: 180px
 }
 .timg-list ul li a h3 {
  margin-top: 0
 }
 .ny-right {
  padding-left: 0;
  padding-right: 0
 }
 .timg-list ul li a {
  padding: 0
 }
 .timg-linfo {
  margin-top: 15px
 }
}
@media screen and (max-width:480px) {
 .nymain .leftNav p {
  font-size: 22px
 }
 .art-main .art-tit h3 {
  /*padding-top: 0*/
 }
 .img-lists ul li:nth-child(2n) {
  margin-left: 0
 }
 .img-lists ul li {
  width: 100%
 }
 .mechanism ul>li:nth-child(2n) {
  margin-left: 0
 }
 .mechanism ul>li {
  float: none;
  width: auto
 }
 .position {
  line-height: 30px;
  text-align: left;
  padding: 0
 }
 .position a {
  font-size: 12px
 }
 .position span {
  font-size: 12px
 }
 .ny-title h3 {
  float: none;
  display: inline-block;
  padding-top: 20px;
 }
 .ldtz ul li {
  float: none;
  width: auto;
  margin-bottom: 30px
 }
 .ldtz-pic {
  float: left;
  width: 120px
 }
 .ldtz-infoz {
  text-align: left
 }
 .ldtz-info {
  text-align: left
 }
 .ldtz-info h3::before {
  left: 0;
  transform: none
 }
 .ldtz ul li:nth-child(2n+1) {
  margin-right: 0
 }
 .ny-right {
  padding-bottom: 20px
 }
 .position {
  margin-bottom: 0
 }
}