*, ::after, ::before { box-sizing: border-box }
html,body,ul{margin:0;padding:0; list-style: none;}
html,body{background-color: #fff; font-family: 'Microsoft YaHei';}
a {text-decoration: none;color: #000;}
a:hover,a:focus {color: #e60012;}
img{border: none;}
ul.lidot{margin-top:10px;}
ul.lidot li{ line-height: 36px;}
ul.lidot a{display: flex;align-items: center;}
ul.lidot span.dot{color:#bc0000;font-size: 1.125rem;transform: translateY(-2px);}
ul.lidot span{display: block;}
ul.lidot span.ellipsis{flex:1;padding-right:.5rem}
ul.lidot span.date{color:#888;font-size:14px}
.ellipsis{white-space: nowrap;overflow: hidden;max-width: 100%; text-overflow: ellipsis;}
div.topbanner img{display: block; margin: 0 auto;width:100%;}
.main{max-width: 1200px;margin: 0 auto;}
.nav{border-bottom:7px solid #cfa972;box-shadow:0 0 15px #666;background:#e60012; position: relative; z-index: 1;}
.nav ul{min-height:54px;padding:0 10px;display: flex;}
.nav li{min-height:54px;max-height:100px;padding:15px 7px; line-height: 24px;font-size: 18px;min-width:50px; text-overflow: ellipsis;overflow: hidden; text-align: center;}
.nav li:last-child{flex: 1; text-align: right;color:#ffd57a}
.nav li:last-child a{color:#ffd57a}
.nav a{color:#fff}
.nav a.active{color:#ffd57a}
.nav a:hover,ul.nav a:focus{color:#ffd57a !important}
div.content{padding:15px}
div.row{display: flex;margin-top:20px;margin-bottom:20px;flex-direction:column;}
div.boxheader + div.row{margin-top:10px}
div.step{width:3.5%;height:15px}

div.boxheader{display:flex;margin-bottom:40px;align-items: center;}
div.boxheader div.ico{width:117px; height: 50px; background: url(./boxico.png) left center no-repeat; background-size: contain;}
div.boxheader div.tit{height: 35px;background-position: center right; background-repeat: no-repeat; background-size:auto 100%;}
div.boxheader div.ico,div.boxheader div.tit{ transform: translateY(15px);}
div.boxheader .line{height:36px;line-height:34px;border-bottom:2px solid #fdd3b6;text-align: right;flex: 1;}
div.boxheader.red .line{border-bottom:8px solid #e60012;line-height:28px;}
div.boxheader .line + div.ico {margin-left:20px}
div.boxheader div.tit + .line{margin-left:16px}
div.boxheader a.more{color:#7c848f; text-decoration: none;font-size: 16px;}
div.boxheader a.more:hover{color:#e60012;}
.dongtai{background-image: url(./label_dongtai.png);width:175px}
.guangying{background-image: url(./label_guangying.png);width:177px}
.jianbao{background-image: url(./label_jianbao.png);width:158px}
.juzhen{background-image: url(./label_juzhen.png);width:176px}
.xuesi{background-image: url(./label_xuesi.png);width:159px;}
.ziliao{background-image: url(./label_ziliao.png);width:159px;}
.boxbg{background:#eeeeee url(./box_bg.png) center bottom no-repeat; background-size:100% auto;padding:30px 0;min-height:400px}
.jzbox{border:8px solid #e60012;border-top:none;height:210px;margin-top:-48px;overflow: auto;}
.jzbox ul{margin-top:76px;display: flex;}
.jzbox a{display: block;width:190px;height:76px;border: 1px solid #fdd3b6;margin-left:18px;margin-right:18px;background-position: center;background-repeat: no-repeat;background-size: contain;}
div.topic{border-bottom:1px dashed #aaacb3;overflow: hidden;padding-bottom:8px;margin-bottom:8px}
div.topic div{ line-height: normal;}
div.topic div a{font-size:20px;}
div.topic p{text-indent: 2em;line-height:24px;color:#666;margin:8px 0 0;max-height:48px; overflow: hidden;font-size:14px;text-overflow: ellipsis;}
div.box1{height:400px}
div.box1 .swiper-slide a{width:100%;height:380px;display: block;position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
div.box1 .swiper-slide a span{ display: block;color:#fff; position: absolute;left:0;bottom:0;right:0; width:100%;max-width:100%;background-color: rgba(94,47,47,.8);padding:10px 130px 10px 10px;line-height:20px;}
div.box1 .swiper-pagination-bullets{bottom:7px !important; text-align: right;padding-right:1rem;}
div.box1 .swiper-pagination-bullet{width:16px;height:16px; background-color: #fff;border-radius: 0; transform-origin: center; transform: rotate(45deg);opacity:1}
div.box1 .swiper-pagination-bullet-active{background-color: #b91a1e;}
div.box1,div.box2,div.box3,div.box4,div.box5{width:100%;}
.gybox{padding:20px 0;position: relative;}
.gybox .box{width:100%;overflow: hidden;}
.gybox table{column-span: none; border:none;border-spacing:0;border-collapse:collapse}
.gybox a,.gybox a span{display: block;}
.gybox td + td{padding-left:25px}
.gybox .img{width:245px;height:150px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.gybox .tit{width:245px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;padding-top:10px;font-size:18px}

.ztlist{margin:1rem auto;flex-direction: column;width:100%;max-width: 960px;}
.ztlist .items{margin:0.25rem .5rem 0;font-size: 1.125rem;}
.ztlist .items li{padding:1rem 0;display: flex;}
.ztlist .items li +li{border-top:1px solid #dedede}
.ztlist .items div.dot{color:#bc0000;font-size: 1.125rem;transform: translateY(-2px);}
.ztlist .items div.title{flex: 1;overflow: hidden; text-overflow: ellipsis;}
.ztlist .items div.date{color: #666;font-size: 0.875rem;}

.imgsli a{display: block;margin:0 20px 30px 0;float: left;}
.imgsli a span{display: block;}
.imgsli .img{width:272px;height:165px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.imgsli .tit{width:272px; height:48px;margin-top:10px;line-height: 24px; overflow: hidden; text-overflow: ellipsis;text-align: center;}

.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:30px;padding:1.5rem 1rem;background:#bc0000; text-align: center;color: #fff;line-height: 1.5rem;}
div.footer span + span{margin-left:2rem}
div.footer p{margin:5px 0;}
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:#e60012}
.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){
   div.content{padding:20px}
   div.row {flex-direction: row !important;margin-bottom: 30px;}
   .detailsinfo{padding:2rem;}
   div.box1{height:400px}
   div.box1,div.box2,div.box3,div.box4{width:48.25%;}
}
@media (max-width: 540px) {
   div.footer span{display: block;margin: 0;}
   div.boxheader{display:flex;margin-bottom:30px;align-items: center;}
   div.boxheader div.ico{width:48px; height: 18px;}
   div.boxheader div.tit{height: 18px;}
   div.boxheader div.ico,div.boxheader div.tit{ transform: translateY(7px);}   
   .jzbox{margin-top:-30px;}
   .dongtai{width:98px}
   .guangying{width:99px}
   .jianbao{width:88px}
   .juzhen{width:98px}
   .xuesi{width:90px;}
   .ziliao{width:100px;}
}
@media (max-width: 910px) {
    .nav li:last-child{display: none;}
}
@media (min-width: 1080px) {
   div.content{padding:25px}
  .nav li{padding:15px 20px;}
}
@media (min-width: 1280px) {
   .gybox .prev{ left:-36px}
   .gybox .next{right:-36px;}
}