@charset "utf-8";

/* CSS Document */





.n2ConWrap{ position:relative; width:100%; margin:0 auto; min-height:2700px;}

.n2ConWrap .n2Con{ width:1002px; margin:0 auto;}

.n2ConWrap .n2Con h3{ width:217px; height:29px; margin-top:75px; margin-bottom:70px;}





.bannerHolder{ width:1000px; float:left; background:#fff;}

.bannerHolder li{ list-style:none; display:inline}

.bannerHolder .banner{ position:relative; width:310px; height:310px; overflow:hidden; float:left; margin-bottom:60px;}

.bannerHolder .banner img{ display:block; border:none}

.bannerHolder .banner p{ display:none; position:absolute; width:100%; z-index:200; color:#fff; text-align:center}

.bannerHolder .banner div{ position:absolute; z-index:100; background:#222; width:60px; height:60px; cursor:pointer; border-radius:100px;}

.bannerHolder .banner .cornerTL{ left:-63px; top:-63px;}

.bannerHolder .banner .cornerTR{ right:-63px; top:-63px;}

.bannerHolder .banner .cornerBL{ left:-63px; bottom:-63px;}

.bannerHolder .banner .cornerBR{ right:-63px; bottom:-63px;}

.bannerHolder .mr{ margin-right:35px;}

.bannerHolder .pfTitle{ font-size:20px; font-weight:bold; top:100px;}

.bannerHolder .pfCon{ font-size:14px; top:135px;}

.bannerHolder .viewBtn{ top:180px; left:-60px;}

.bannerHolder .viewmore{ display:inline-block; position:absolute; width:130px; height:30px; background:url(/n2/images/view_off.jpg) no-repeat; left:150px}

.bannerHolder .viewmore:hover{ background:url(../images/view_on.jpg) no-repeat}