/*----- reset -----*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 "microsoft yahei",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,i,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li{list-style:none}
a,embed{	
	text-decoration:none; 
	outline:none;  
	*outline:expression(this.hideFocus=true);
}
a:hover{text-decoration: none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input,img,button{vertical-align:middle; outline: none;}
header,section,article,aside,footer,nav{display:block;}
.f-l{float:left;display:inline;}
.f-r{float:right;display:inline;}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:table;clear:both;}

html,body{overflow-x: hidden; background: #ffc3dd; }

.inav_box {
    position: absolute;
	width: 250px;
	top: 0;
	left: 50%;	
    height: 2876px;    
	margin-left: -500px;
	z-index: 999;
}
.ibox {
    position: relative;
    top: 0; 
    left: 50%;
    width: 1920px;
    margin-left: -960px;
}
.inav {
    position: absolute;
    top: 300px; 
    left: 0;      
    width: 200px;
    height: 360px;  
    z-index: 2;
}
.inav li {
    width: 200px;
    height: 85px;
    background: url(../images/inav.png) no-repeat;
}
.inav li a {
    height: 100%;
    width: 100%;
    display: block;
    background: url(../images/inav.png) no-repeat;
}
.inav .inav_list02 a {
    background-position: 0 -90px;
}
.inav .inav_list03 a {
    background-position: 0 -180px;
}
.inav .inav_list04 a {
    background-position: 0 -270px;
}
.inav .inav_list01 a:hover,
.inav .inav_list01 .ind {
    background-position: -210px 0;
}

.inav .inav_list02 a:hover,
.inav .inav_list02 .ind {
    background-position: -210px -90px;
}
.inav .inav_list03 a:hover,
.inav .inav_list03 .ind {
    background-position: -210px -180px;
}
.inav .inav_list04 a:hover,
.inav .inav_list04 .ind {
    background-position: -210px -270px;
}
.inav .iback_top {
    position: absolute;
    left: 50px;
    top: 340px;
    width: 95px;
    height: 86px;
    background: url(../images/back_top.png) no-repeat;
}

.left_line {
    position: absolute;
    top: 0;
    left: 185px;  
    width: 29px;
    height: 2876px; 
    background: url(../images/left_line.png) no-repeat;
    z-index: 88;
}


.ibody .iflash {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -290px;
}
.ibody .ibox .icontent {
    position: absolute;
    left: 50%;
    width: 720px;
    margin-left: -255px;
    font-size: 15px;
    color: #ca6088;
}
.icontent h2 {  
    margin-bottom: 10px;
    height: 15px;
    background: url(../images/title.png) no-repeat; 
}
.icontent span { color: #fe4d95; }
.ipop_01 .icontent { top: 820px; }
.ipop_02 .icontent { top: 120px; }
.ipop_02 .icontent ul { margin-top: 30px; }
.ipop_03 .icontent { top: 120px; }
.ipop_03 .icontent ul { margin-top: 410px; }
.ipop_04 .icontent { top: 350px; }
.ipop_04 .icontent ul { margin-top: 15px; }
.ipop_01 {
    height: 1166px;
    background: url(../images/bg01.jpg) no-repeat center top;
}

.ipop_02 {
    height: 436px;
    background: url(../images/bg02.jpg) no-repeat center top;
}
.ipop_03 {
    height: 765px;
    background: url(../images/bg03.jpg) no-repeat center top;
}
.ipop_04 {
    height: 509px;
    background: url(../images/bg04.jpg) no-repeat center top;
}



