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

/*当前路径*/
div.weizhi{width:calc(100% - 10px); height:40px; line-height:40px; background:#fff; padding-left:10px; margin-bottom:10px; border-radius:7px}
div.weizhi span{margin:0 5px}

div.list_L{width:820px; overflow:hidden; float:left}
div.list_L ul{}
div.list_L li{width:820px; height:40px; background:#fff; letter-spacing:1px; border-radius:7px; position:relative}
div.list_L li a{width:710px; display:block; height:40px; line-height:40px; font-weight:bold; padding:0 10px; overflow:hidden}
div.list_L li span.filesize{height:40px; line-height:40px; color:#343434; font-size:14px; position:absolute; right:10px; top:0}

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

div.user{width:cale(100% - 20px); background:#fff; padding:10px; margin:0 0 20px 0!important; border-radius:7px; overflow:hidden; position:relative}
div.user p{width:100%; height:25px; line-height:25px; position:relative}
div.user p span{position:absolute; left:25px}
div.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}
div.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}

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

/*产品中心*/
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}

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

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

#example {
    position : relative;
}