/*主体*/
.modle{width:1200px; margin:20px auto 0 auto; overflow:hidden}

/*当前路径*/
div.weizhi{width:100%; height:30px; line-height:30px; background:#none; border-bottom:#ccc dashed 1px; margin:10px auto}
div.weizhi span{margin:0 5px}

.content_L{width:780px; background:#fff; border-radius:7px; padding:0 20px 20px 20px; margin:0 auto 0 auto; overflow:hidden; float:left; position:relative}
.content_L h1{max-height:100px; line-height:50px; text-align:center; font-size:28px}
.content_L span{height:30px; line-height:30px}
.content_L span.hit{}
.content_L span.shoucang{margin-left:20px}
.content_L span.time{float:right}
.content_L span.hit i{font-style:normal}

.content_L p,.content_L>div:nth-child(2n){color:#000; font-size:18px; line-height:28px; margin-top:20px}
.content_L p.title{height:40px; line-height:40px; color:#fff; background:#17A5FF; font-size:16px; font-weight:bold; padding-left:10px}
.content_L p.title strong{display:inline-block; height:40px; line-height:40px; font-weight:bold}
.content_L p.baidupan{color:#444; background:url(../images/baidupan_bg.png); padding:6px 0 6px 10px; margin-top:0}
.content_L p.prev_next{margin-top:0}
.content_L table{border:#444444 solid 1px!important; border-right:0px; border-bottom:0px; margin-top:20px}
.content_L td{border:#444444 solid 1px; padding-left:5px; border-top:0px; border-left:0px}

.content_L ul.download{overflow:hidden}
.content_L ul.download li{min-width:69px; height:40px; text-align:center; font-size:18px; border-bottom:#17A5FF solid 3px; overflow:hidden; float:left}
.content_L ul.download li a{display:block; line-height:40px}

.content_L ul.relation{overflow:hidden}
.content_L ul.relation li{max-height:80px; text-align:left; border-bottom:#17A5FF solid 3px; float:left}
.content_L ul.relation li a{display:inline-block; line-height:40px}

.content_R{width:360px; overflow:hidden; float:right}

.user{width:calc(100% - 20px); background:#fff; padding:10px; margin:0 0 20px 0!important; border-radius:7px; overflow:hidden; position:relative}
.user p{width:100%; height:25px; line-height:25px; position:relative}
.user p span{position:absolute; left:25px}
.user p.vip{display:block; width:100px; height:98px; transform:rotate(20deg); -ms-transform:rotate(20deg); -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg); background:url(../images/vip.png); position:absolute; top:0; right:0}
.user p.vip_msg{width:calc(100% - 12px); height:40px; line-height:20px; border:#ddd solid 1px; border-radius:7px; margin-top:5px; padding:5px}

.sub_menu{width:100%; overflow:hidden}
.sub_menu ul{}
.sub_menu li{width:116px; height:40px; line-height:40px; background:#fff; text-align:center; border-radius:7px; float:left}
.sub_menu li a{display:block; line-height:40px; border-radius:7px}
.sub_menu li a:hover,.sub_menu li a.cur{color:#fff; background:#17A5FF}

.top_list{width:360px; background:#fff; border-radius:7px; margin-top:20px; overflow:hidden}
.top_list p.title{width:340px; height:45px; line-height:45px; font-size:18px; border-bottom:#17A5FF solid 2px; margin:0 auto}
.top_list ul{}
.top_list li{heigth:35px; line-height:35px}
.top_list li a{display:block; height:35px; line-height:35px; padding:0 10px; overflow:hidden}

/*产品中心*/
div.goods{width:100%; margin-top:20px; overflow:hidden; position:relative}
div.goods div.swiper-container{width:100%; background:#f4f4f4; border-radius:5px; overflow:hidden}
div.goods div.swiper-slide{background:#fff; border-radius:5px; overflow:hidden}
div.goods div.swiper-slide img{width:100%; max-width:23rem; height:auto}
div.goods div.swiper-slide p.title{width:calc(100% - 10px); min-height:20px; line-height:20px; color:#fff; text-align:center; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2}
div.goods div.swiper-slide p.bg{width:100%; height:300px; background:linear-gradient(transparent 50%, #000); opacity: 0.4; position:absolute; left:0; bottom:0; z-index:1}
div.goods div.swiper-pagination-goods{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 7px 0 7px; position:absolute; left:calc(100% - 70px); top:0px}

.ad_zp{width:340px; height:248px; background:url(/statics/images/hnyande/images/zhaoping.png) no-repeat left -248px #fff; margin:10px 10px 0 10px}
.ad_zp:hover{background:url(/statics/images/hnyande/images/zhaoping.png) #fff}
.ad_zp a{display:block; width:340px; height:248px; line-height:248px; text-indent:999em; overflow:hidden}

#example {
    position : relative;
}