*, ::after, ::before { box-sizing: border-box }
html,body,ul{margin:0;padding:0; list-style: none;}
html,body{background-color: #b91a1e;background-image: url(bgimage.png); background-position: top center; background-repeat: no-repeat;font-family: 'Microsoft YaHei';}
a {text-decoration: none;color: #000;}
a:hover,a:focus {color: #c00;}
img{border: none;}
ul.lidot li{background:url(lidot.png) left center no-repeat;padding-left:25px}
.ellipsis{white-space: nowrap;overflow: hidden;max-width: 100%; text-overflow: ellipsis;}
div.topbanner img{display: block; margin: 0 auto;max-width: 100%;}
.main{max-width: 1200px;margin: 0 auto;}
.nav{border-bottom:7px solid #0a8475;box-shadow:0 0 15px #666;background:url(navbg.png) top center; position: relative; z-index: 1;}
.nav ul{background:#d50300 url(navbg.png) center;min-height:54px;padding:0 10px;display: flex;}
.nav li{min-height:54px;max-height:80px;padding:15px 10px; line-height: 24px;font-size: 18px;min-width:54px; text-overflow: ellipsis;overflow: hidden; text-align: center;}
.nav li:last-child{flex: 1; text-align: right;color:#ffd57a}
.nav a{color:#fff}
.nav a.active{color:#ffd57a}
.nav a:hover,ul.nav a:focus{color:#ffae00 !important}
.nav li:last-child a {color: #ffd57a;}
div.content{ background-color: #f9f5f5;padding:25px}
div.content>div + div{margin-top:25px}
div.row{display: flex;}
div.row>div:last-child{flex:1}
div.step{width:1.5%}
div.box{border:1px solid #e5e5e5;background-color: #fff;}
div.box + div.box{margin-right: 20px;}
div.boxheader{display: flex;width:100%}
div.boxheader div{ height: 36px;line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.boxheader div.ico{width:26px; background: url(boxico.png) left center no-repeat;}
div.boxheader div.dot{flex: 1; background: url(boxdot.png) left center repeat-x;}
div.boxheader div.tit{padding:0 12px;font-size:26px;color:#b91a1e;font-weight: bold; font-family: 'LiSu';}
div.boxheader div.step{flex:1}
div.boxheader div.more{padding-left:10px;}
div.boxheader div.more a{color:#b91a1e; text-decoration: underline;}
div.boxheader div.more a:hover{color:#f00;}
div.boxheader div.tab{height:54px;max-width:254px;min-width:30%;color:#c01d1a;font-size:20px;line-height:50px; text-align: center; background-image:url(navbg1.png); background-position: center; background-repeat: repeat-x; background-color: #f1c669;cursor: pointer;}
div.boxheader div.tab.active{background-color: #d50300;color:#fff; background-image:url(navbg.png);}
div.boxheader div.tab + div{margin-left:8px;}
div.box1,div.box2,div.box3,div.box4{height:320px}
div.box1{width:51%;padding:10px;position: relative;}
div.box1 .boxcnt{line-height:1.6;height: 256px;overflow: hidden;}
div.box1 .boxcnt p{margin: 0 !important}
div.box1 .more{position: absolute;bottom: 10px; right: 0; padding: 3px 12px 4px 4rem;;background-color: #fff;line-height: 1.5;
   background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.95) 30%,#fff 100%);}
div.box1 .more a{color:#b91a1e; text-decoration: underline;}  
div.box1 .more a:hover{color:#f00;}  
div.box2{width:47.5%}
div.box2 .swiper-slide a{width:100%;height:320px;display: block;position: relative;}
div.box2 .swiper-slide a span{ display: block;color:#fff; position: absolute;left:0;bottom:0;right:0; width:100%;max-width:100%;background-color: rgba(67,67,67,.7);padding:10px 130px 10px 10px;line-height:20px;white-space: nowrap;text-overflow: ellipsis;}
div.box2 .swiper-pagination-bullets{bottom:7px !important; text-align: right;padding-right:1rem;}
div.box2 .swiper-pagination-bullet{width:16px;height:16px; background-color: #dcdcdc;transform: rotate(45deg);border-radius: 0;}
div.box2 .swiper-pagination-bullet-active{background-color: #b91a1e;}
div.box3{width:38%;padding:10px 16px}
div.box3 a{height:260px;display: block;width:100%;background-position: center; background-repeat: no-repeat; background-size: cover;}
div.box4{width:60.5%;padding:10px 20px}
div.box4 ul{padding-left:5px}
div.box4 li{max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 2rem;}
div.box5{height:240px; position: relative;padding:20px 0;margin-top:10px !important}
div.box5 .left,div.box5 .right{width:31px;height:64px; position: absolute;top:68px;background: url(/assets/img/ico_sw.png);cursor: pointer; z-index: 1;}
div.box5 .left{ left:0}
div.box5 .right{right:0; transform:rotate(180deg);}
div.box5 .swiper-container{height:200px;border-left: none;border-right: none;}
div.box5 .swiper-slide{width:33%;min-width:296px;max-width:296px;height:200px;}
div.box5 .swiper-slide a{width:100%;height:200px;display: block; background-position: center; background-repeat: no-repeat;background-size: cover}
div.box6 div.items{display: flex;flex-wrap: wrap;width:100%;}
div.box6>div.hidden{display: none;}
div.box6 div.item{width:50%;padding:0 10px 24px}
div.box6 div.item a,div.box6 div.item span{ display: block;}
div.box6 div.item a{border:1px solid #91cecc;padding-bottom:10px;background-color: #fff;}
div.box6 div.item span.img{border-bottom: 1px solid #91cecc;height:194px;width:100%;background-position: center; background-repeat: no-repeat; background-size: cover;}
div.box6 div.item span.tit{line-height:24px;font-size: 14px;color:#151e3a;padding:0 5px;height:48px;margin-top:10px;-webkit-line-clamp: 2;}
div.box6 div.item a:hover span.tit{color:#f00}
div.box6 div.items + p{text-align: center;}
.ztlist .items p,.rgtbox p,div.box6 div.item span.tit{color:#000;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.ztlist{margin:1rem 0;flex-direction: column;width:100%}
.ztlist .step{width: 4%;}
.ztlist .lft{width: 100%;}
.ztlist .rgt{display: none;}
.ztlist .items{margin:0.25rem .5rem 0}
.ztlist .items li{padding:1rem 0;}
.ztlist .items li +li{border-top:1px solid #dedede}
.ztlist .items .img{height:133px;width:28.22%;background-position: center; background-repeat: no-repeat;background-size: cover;}
.ztlist .items p{margin:0;height:7rem;-webkit-line-clamp: 4;font-size:1.125rem;color:#333;line-height: 1.75rem;}
.ztlist .items p span{font-size:.875rem;display: block;}
.ztlist .items div{color: #666;font-size: 0.875rem;}
.d-flex{ display: flex;}
.ztlist .items .d-flex>div:last-child{padding-left:1rem;flex:1}
.rgttit{font-size: 1.125rem;font-weight: bold;color:#00479d;padding:2rem 0 1.25rem}
.rgtbox{border:1px solid #f15d28;background-color: #fff;}
.rgtbox a{padding:0.75rem}
.rgtbox .img{height:98px;width:34.75%}
.rgtbox p{flex:1;max-height:5.25rem;-webkit-line-clamp: 3;line-height:1.75rem;padding-left:.75rem}
.detailstitle{ font-weight: normal;font-size:18px;margin-bottom:.75rem;margin-top:3rem}
.detailstitle,.detailstime{ text-align: center;}
.detailstime{font-size: 14px;color:#666}
.detailsinfo{padding:1rem;margin-top:1rem}
.detailsinfo img{max-width: 100%;}
div.footer{margin-top:40px;padding:40px 20px;box-shadow: 0 0 20px #820305;background:url(navbg.png); text-align: center;color: #fff;line-height: 2rem;}
div.footer span + span{margin-left:2rem}
a.btn_more{display:inline-block;width:167px;height:30px;line-height:30px;text-align: center;font-size:16px;color:#0a8475;background: url(/assets/img/more_bg.png);}
.pages{margin:2rem .5rem;color:#666;text-align: center;line-height:1.75rem}
.pages a{color:#666}
.pages a:hover{color:#f00}
.pages span{white-space: nowrap;}
.pages form{margin:0;padding:0}
.pages select{height:20px;padding:0 4px;border:1px solid #d2d2d2;margin:auto 3px}
@media (min-width: 768px){
   .ztlist,div.box6 div.items {
      flex-direction: row !important;
   }
   .zylist .lft {
      width: 68%;
   }
   .zylist .rgt {
      width: 38%;
      display: block;
  }
  .detailsinfo{padding:2rem;}
  div.box6 div.item{width:33.333333%;}
}
@media (min-width: 1080px) {
  .nav li{padding:15px 20px;}   
  div.box6 div.item{width:25%;}
}
@media (max-width: 910px) {
    .nav li:last-child{display: none;}
 }
 @media (max-width: 767px) {
  .nav li{max-width: 70px;}  
  div.content{padding:1rem}
}
@media (max-width: 540px) {
    div.footer span{display: block;margin: 0;}
 }
 @media (max-width: 480px) {
   div.content{padding:0.5rem}
   .nav li{padding:15px 3px;min-width:42px;}
   .row,div.box6 div.items{flex-direction: column;}
   .row>div,div.box6 div.items>div{width:100% !important;}
   .row>div.step{height:1rem}
   div.box6 div.item{padding-left: 0;padding-right: 0;}
  }