body {
    background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/bg.jpg?v=1) repeat-x;
}
/*head*/
.head {
	width: 1002px;
	height: 453px;
	margin:auto;
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/head.jpg?v=8) center top no-repeat;
	position:relative;
}
.finalpioneer{
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/head_finalpioneer.jpg) center top no-repeat;
}
.head .selfbuy {
	 display: block;
    height: 55px;
    left: 784px;
    position: absolute;
    top: 244px;
    width: 145px;
	background:url(//image2-cdn.compass.cn/hmj//media/empty.gif);
}
.head #disclaimer{
	display:inline-block;
	z-index:100;
	font-size:12px; 
	color:#ADADAD; 
	position: absolute;
	left:10px;
	bottom:132px;
	background: url(//image2-cdn.compass.cn/special/empty.gif);
	cursor: pointer;
}
/*nav*/
.nav_bg{
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav_bg.jpg?v=3) repeat-x;
}
.nav {
	width: 1006px;
	height: 80px;
	margin:auto;
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/phone.jpg?v=3) 749px 0 no-repeat;
	position:relative;
}
.nav li { 
	float: left;
    height: 80px;
    width: 192px;
}
.nav li a {display:block; widht:100%; height:100%; }

.nav .nav_li1 a{background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav.jpg) 3px -80px no-repeat;}
.nav .nav_li1 a:hover,
.nav .nav_li1 a.select {background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav.jpg) 3px 0px no-repeat;}

.nav .nav_li2 a{background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav.jpg) -189px -80px no-repeat;}
.nav .nav_li2 a:hover,
.nav .nav_li2 a.select {background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav.jpg) -189px 0px no-repeat;}

.nav .nav_li3 a{background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav.jpg) -381px -80px no-repeat;}
.nav .nav_li3 a:hover,
.nav .nav_li3 a.select {background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/nav.jpg) -381px 0px no-repeat;}

/* foot */
.foot_bg {
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/foot.gif?v=7) center top no-repeat;
	float:left;
	width:100%;
}
.foot{
	height: 93px;
	width: 1002px;
	margin:auto;
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/foot.gif?v=8) center top no-repeat;
	position:relative;
	overflow:hidden;
}
.foot .znzage{
	 bottom: 22px;
    color: #FEFDF9;
    left: 164px;
    position: absolute;
}
.foot a:hover{
	text-decoration: none;
}

/* middle */
.middle_bg{
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/middle_bg.gif?v=3) repeat;
	float:left;
	width: 100%;
}
.middle{
	background: url(//image2-cdn.compass.cn/hmj/product/pioneer/images/middle.jpg?v=3) center top repeat-y;
	float:left;
	width: 100%;
}
.middle_main{
	width: 1006px;
	position:relative;
	margin: auto;
	
}
.contents {
	display: inline;
    float: left;
    font-size: 14px;
    line-height: 1.7;
    position: relative;
    width: 750px;
	background: #E4E8EF;
}
.contents .title{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 3.5;
}
.contents .content p{
	text-indent: 25px;
}
.contents .content p img{
	display: block;
    margin: auto;
}
.contents .img{
	float:left;
	position:relative;
}
.contents .img .swf{
	height: 401px;
    left: 64px;
    position: absolute;
    top: 34px;
    width: 670px;
}

.contents .func_refer{
	bottom: 30px;
    color: #551A8B;
    font-size: 14px;
    line-height:25px;
    left: 550px;
    position: absolute;
    text-decoration: underline;
}

ul li a{
	display:block;
}
.tab { 
	display: inline;
    float: left;
    margin: 28px 0 13px 33px;
    position: relative;
    width: 178px;
	padding-bottom: 10px;
}
.tab li { 
	float: left;
    height: 50px;
    width: 100%;
    cursor:pointer;
}
.tab li span{
	display:block;
	width:100%;
	height:100%;
}
.tab li span a{
	display:block;
	width:100%;
	height:100%;
}
/*index*/
.tab .index_li0 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px 0 no-repeat;}
.tab .index_li0 span.select,
.tab .index_li0 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 0 no-repeat}

.tab .index_li1 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -50px no-repeat;  }
.tab .index_li1 span.select,
.tab .index_li1 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -50px no-repeat}

.tab .index_li2 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -100px no-repeat; }
.tab .index_li2 span.select,
.tab .index_li2 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -100px no-repeat}

.tab .index_li3 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -150px  no-repeat;  }
.tab .index_li3 span.select,
.tab .index_li3 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -150px  no-repeat}

.tab .index_li4 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -200px no-repeat;  }
.tab .index_li4 span.select,
.tab .index_li4 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -200px no-repeat}

.tab .index_li5 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -250px no-repeat;  }
.tab .index_li5 span.select,
.tab .index_li5 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -250px no-repeat}

.tab .index_li6 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -300px  no-repeat;  }
.tab .index_li6 span.select,
.tab .index_li6 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -300px  no-repeat}

.tab .index_li7 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) -178px -350px  no-repeat;  }
.tab .index_li7 span.select,
.tab .index_li7 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/core_tab.jpg?v=2) 0 -350px  no-repeat}
/*allfunc*/
.tab .allfunc_li1 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px 0 no-repeat;}
.tab .allfunc_li1 span.select,
.tab .allfunc_li1 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 0 no-repeat}

.tab .allfunc_li2 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -50px no-repeat;  }
.tab .allfunc_li2 span.select,
.tab .allfunc_li2 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -50px no-repeat}

.tab .allfunc_li3 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -100px no-repeat; }
.tab .allfunc_li3 span.select,
.tab .allfunc_li3 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -100px no-repeat}

.tab .allfunc_li4 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -150px  no-repeat;  }
.tab .allfunc_li4 span.select,
.tab .allfunc_li4 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -150px  no-repeat}

.tab .allfunc_li5 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -200px no-repeat;  }
.tab .allfunc_li5 span.select,
.tab .allfunc_li5 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -200px no-repeat}

.tab .allfunc_li6 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -250px no-repeat;  }
.tab .allfunc_li6 span.select,
.tab .allfunc_li6 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -250px no-repeat}

.tab .allfunc_li7 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -300px no-repeat;  }
.tab .allfunc_li7 span.select,
.tab .allfunc_li7 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -300px no-repeat}


.tab .allfunc_li8 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -350px no-repeat;  }
.tab .allfunc_li8 span.select,
.tab .allfunc_li8 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -350px no-repeat}


.tab .allfunc_li9 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -400px no-repeat;  }
.tab .allfunc_li9 span.select,
.tab .allfunc_li9 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -400px no-repeat}


.tab .allfunc_li10 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -450px no-repeat;  }
.tab .allfunc_li10 span.select,
.tab .allfunc_li10 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -450px no-repeat}


.tab .allfunc_li11 span{ background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) -178px -500px no-repeat;  }
.tab .allfunc_li11 span.select,
.tab .allfunc_li11 span:hover { background:url(//image2-cdn.compass.cn/hmj/product/pioneer/images/allfunc_tab.gif?v=1) 0 -500px no-repeat}