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

div.list_L{width:820px; overflow:hidden; float:left}
div.list_L ul{}
div.list_L li{width:820px; height:205px; background:#fff; border-radius:7px; position:relative}
div.list_L li > div{width:150px; height:90px; background:#f2f6f8; border-radius:5px; overflow:hidden; position:absolute; left:20px; top:60px}
div.list_L li img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.list_L li p{position:absolute}
div.list_L li p.title{width:calc(100% - 40px); height:30px; line-height:30px; font-size:20px; font-weight:bold; overflow:hidden; left:20px; top:20px}
div.list_L li p.des{width:610px; height:90px; color:#656565; line-height:22px; text-indent:2em; letter-spacing:1px; overflow:hidden; left:190px; top:60px}
div.list_L li p.from,div.list_L li p.time{height:25px; line-height:25px; color:#343434; font-size:14px}
div.list_L li p.from{left:20px; bottom:20px}
div.list_L li p.time{right:20px; bottom:20px}

div.list_R{width:360px; overflow:hidden; float:right}
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:100%; 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;
}