*, ::after, ::before { box-sizing: border-box }
html,body,ul{margin:0;padding:0; list-style: none;}
html,body{background-color: #f8f8f8; font-family: 'Microsoft YaHei';}
a {text-decoration: none;color: #000;}
a:hover,a:focus {color: #c00;}
img{border: none;}
ul.lidot{margin-top:10px}
ul.lidot li{ line-height: 36px;}
ul.lidot li,.ellipsis{white-space: nowrap;overflow: hidden;max-width: 100%; text-overflow: ellipsis;}
div.topbanner{background-image: url(bgimage.jpg); background-position: top center; background-repeat: no-repeat; background-size:auto 100%;}
div.topbanner img{display: block; margin: 0 auto;max-width: 100%;}
.main{max-width: 1200px;margin: 0 auto;}
.nav{border-bottom:7px solid #f15d28;box-shadow:0 0 15px #666;background:#00479d; 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:#ffae00 !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;width:100%;}
div.boxheader.bor{border-bottom:1px dashed #aaacb3}
div.boxheader div{ height: 58px;line-height: 36px; padding:11px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.boxheader div.ico{width:38px; background: url(boxico.png) left center no-repeat;}
div.boxheader div.tit{padding:11px 12px;font-size:28px;color:#00479d;font-weight: bold;font-family: 'SimSun';}
div.boxheader div.step{flex:1;width: auto;}
div.boxheader div.more{padding-left:10px;font-size: 14px;line-height: 20px;padding-top:27px;}
div.boxheader div.more a{color:#00479d; text-decoration: underline;}
div.boxheader div.more a:hover{color:#f00;}
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:24px;}
div.topic span{ border-radius: 3px; display: inline-block;width:48px;height:20px;line-height: 20px;overflow: hidden; text-align: center;color: #fff;font-size: 14px; background-color: #f15d28;margin-right: 1rem;}
div.topic p{text-indent: 2em;line-height:24px;margin:8px 0 0;max-height:96px; overflow: hidden;}
div.box1{height:380px}
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(67,67,67,.7);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: #dcdcdc;}
div.box1 .swiper-pagination-bullet-active{background-color: #f15d28;}
div.box1,div.box2,div.box3,div.box4,div.box5,div.box6,div.box8,div.box9{width:100%;}
div.topic1{ display: flex;width:100%;margin-bottom:25px;}
div.topic1 + div.topic1{padding-top:25px;border-top:1px dashed #aaacb3;}
div.topic1 .img{height:150px;width:33.333333%;background-position: center; background-repeat: no-repeat; background-size: cover;}
div.topic1 .info{width:66.666666%; position: relative;padding-left:20px;}
div.topic1 h5{font-size: 18px;margin:0 0 18px}
div.topic1 p{ line-height: 26px;height:104px;-webkit-line-clamp:4;margin:0}
div.topic1 a{ position: absolute; display: block;right:0;bottom:4px;color:#00479d;line-height: 26px;height: 26px;background-color: #f8f8f8;padding-left:2rem;
   background: linear-gradient(to right,rgba(248,248,248,0) 0%,rgba(248,248,248,.95) 30%,#f8f8f8 100%);}
   div.topic1 a:hover{color:#c00}
div.boxbg{background: url(boxbg.jpg) center no-repeat; background-size: cover;}
div.box7{flex-wrap: wrap;margin-top:20px !important;margin-bottom: 0;flex-direction: row !important;}
div.box7 div.item{width:31%;margin-bottom: 40px;}
div.box7 div.item a{ display: block;}
div.box7 div.item span.img{display: block;width:100%; padding-top:67.5%; background-position: center; background-repeat: no-repeat;background-size: cover;}
div.box7 div.item span.tit{ display: block;padding:8px;background-color: #00479d;color:#fff;text-align: center;}
.ztlist .items p,.rgtbox p,div.topic1 p{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;;background:#00479d; 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){
   div.content{padding:20px}
   div.row,.ztlist {flex-direction: row !important;}
   div.row{margin-bottom: 30px;}
   .zylist .lft {width: 68%;}
   .zylist .rgt {width: 38%;display: block;  }
   .detailsinfo{padding:2rem;}
   div.box1{width:43%}
   div.box2{width:53.5%}
   div.box2{height:380px}
   div.box3,div.box4,div.box5,div.box6,div.box8,div.box9{width:48.25%;}
}
@media (max-width: 540px) {
    div.footer span{display: block;margin: 0;}
 }
@media (max-width: 910px) {
    .nav li:last-child{display: none;}
 }
@media (min-width: 1080px) {
   div.content{padding:25px}
  .nav li{padding:15px 20px;}
}