/* Css Document */
/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
address,caption,cite,code,dfn,em,th,var,optgroup,input,button,textarea,select,option{ font-style:inherit; font-weight:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
caption,th{ text-align:left;}
fieldset,img{ border:0;}
img{ border:none; vertical-align:middle;}
del,ins{ text-decoration:none;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0; font-variant:normal;}
sup,sub{ vertical-align:baseline;}
legend{ color:#000;}
input,button,textarea,select,optgroup,option{ font-family:inherit; font-size:inherit;}
input,button,textarea,select{ *font-size:100%; font-family:"΢ÈíÑźÚ",Microsoft Yahei,Arial Narrow;}
body{ font:12px/1.2 "΢ÈíÑźÚ"; font-family:"΢ÈíÑźÚ",Microsoft Yahei,Arial Narrow;}
textarea,input{ outline:none; resize:none;}
a{ text-decoration:none; outline:none; *outline:none; blur:expression(this.onFocus=this.blur());}
a:hover{ cursor:pointer; text-decoration:underline;}
.clearfix{ zoom:1;}
.hide{ display:none;}
.show{ display:block;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.clearfix:after{ content:"\020"; display:block; height:0; clear:both;}
html{ height:100%; overflow:hidden;}

/* topnav */
.topnav{ background:url("fj.sinaimg.cnfj_2012_v3imgbgx.png") repeat-x scroll 0 0 transparent; width:100%; height:31px; line-height:31px; position:absolute; left:0; top:0; z-index:99999;}
.topnav .in{ color:#E7E6E6; margin:0 auto; width:950px;}
.topnav .in a{ margin:0 8px; color:#424242; text-decoration:none; font-size:12px;}	
.topnav .in a.sina-logo{ background:url("fj.sinaimg.cnfj_2012_v3imgbg_fj.png") no-repeat scroll -180px 0 transparent; width:30px; height:22px; float:left; display:inline; margin:4px 10px; overflow:hidden;}
.topnav .in a.i_nick{ color:#960001;}
.topnav .in a:hover{ color:#900 !important; text-decoration:underline;}
.topnav .in a:active,.topnav .in a:focus{ outline:medium none; text-decoration:none;}

/* index */
.index{ background-image:url(imagesid01_bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.id_con{ width:962px; height:644px; position:absolute; left:50%; top:50%; margin:-322px -480px;}
.id_logo{ background:url(imagesid_logo.png) no-repeat; width:372px; height:311px; margin:0px auto 0;}
.id_month{ width:962px; margin:40px auto 0; overflow:hidden;}
.id_month a{ background:url(imagesmonthBtn.png) no-repeat scroll center top; width:129px; height:129px; line-height:129px; font-size:35px; text-align:center; color:#fff; display:inline-block; margin:0 14px 30px; overflow:hidden;}
.id_month a:hover{ color:#09C; text-decoration:none;}
.id_test{ background:url(imagesid_test.png) no-repeat; width:321px; height:103px; overflow:hidden; position:absolute; right:20px; top:228px; *top:200px;}
.it_left{ width:60px; height:60px; float:left; margin:23px 0 0 20px; display:inline-block; overflow:hidden;}
.it_left .it_head{ width:58px; height:58px; display:block; border:1px solid #365964; overflow:hidden;}
.it_left .it_head img{ width:58px; height:58px;}
.it_right{ width:220px; float:left; display:inline-block; margin:5px 0 0 10px; overflow:hidden;}
.it_right dl dt{ height:30px; line-height:30px; font-size:18px; color:#fffefe; overflow:hidden;}
.it_right dl dd{ height:25px; line-height:25px; font-size:14px; color:#ccc; margin-bottom:5px; overflow:hidden;}
.it_right dl dd select{ float:left; display:inline-block; margin:0 2px;}
.it_right dl dd a{ font-size:16px; color:#fff; text-decoration:none; float:left; display:inline-block; margin-left:2px;}

/* detail */
.dt{ background-repeat:no-repeat; background-position:center top; background-size:cover; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; display:none;}
.dt01{ background-image:url(imagesdt01_bg.jpg);}
.dt02{ background-image:url(imagesdt02_bg.jpg);}
.dt03{ background-image:url(imagesdt03_bg.jpg);}
.dt04{ background-image:url(imagesdt04_bg.jpg);}
.dt05{ background-image:url(imagesdt05_bg.jpg);}
.dt06{ background-image:url(imagesdt06_bg.jpg);}
.dt07{ background-image:url(imagesdt07_bg.jpg);}
.dt08{ background-image:url(imagesdt08_bg.jpg);}
.dt09{ background-image:url(imagesdt09_bg.jpg);}
.dt10{ background-image:url(imagesdt10_bg.jpg);}
.dt11{ background-image:url(imagesdt11_bg.jpg);}
.dt12{ background-image:url(imagesdt12_bg.jpg);}
.dt_con{ background-repeat:no-repeat; background-position:center top; position:absolute; left:50%; top:50%;}
.dt01_con{ background-image:url(imagesdt01_mbg.png); width:1000px; height:518px; margin:-259px -500px;}
.dt02_con{ background-image:url(imagesdt02_mbg.png); width:998px; height:411px; margin:-205.5px -499px;}
.dt03_con{ background-image:url(imagesdt03_mbg.png); width:997px; height:507px; margin:-253.5px -498.5px;}
.dt04_con{ background-image:url(imagesdt04_mbg.png); width:998px; height:512px; margin:-256px -499px;}
.dt05_con{ background-image:url(imagesdt05_mbg.png); width:998px; height:514px; margin:-257px -499px;}
.dt06_con{ background-image:url(imagesdt06_mbg.png); width:986px; height:513px; margin:-256.5px -483px;}
.dt07_con{ background-image:url(imagesdt07_mbg.png); width:984px; height:514px; margin:-257px -482px;}
.dt08_con{ background-image:url(imagesdt08_mbg.png); width:996px; height:513px; margin:-256.5px -498px;}
.dt09_con{ background-image:url(imagesdt09_mbg.png); width:996px; height:515px; margin:-257.5px -498px;}
.dt10_con{ background-image:url(imagesdt10_mbg.png); width:997px; height:514px; margin:-257px -498.5px;}
.dt11_con{ background-image:url(imagesdt11_mbg.png); width:998px; height:513px; margin:-256.5px -499px;}
.dt12_con{ background-image:url(imagesdt12_mbg.png); width:999px; height:513px; margin:-256.5px -498.5px;}
.dt_logo{ background:url(imagesdt_logo.png) no-repeat scroll center top; width:128px; height:113px; overflow:hidden; position:absolute; right:0; top:-70px;}
.dt_text{ width:730px; height:120px; overflow:hidden; position:absolute; right:0; top:72px;}
.dt_text p{ line-height:30px; font-size:18px; color:#fff; text-indent:2em;}
.dt03 .dt_text p,.dt04 .dt_text p{ color:#000;}
.dt_abtn{ margin:244px auto 0;}
.dt_abtn a{ width:55px; height:55px; float:left; display:inline-block; text-indent:-999999em; margin:20px 8px; overflow:hidden; position:relative;}
.dt02_abtn a{ margin:15px 7px;}
.dt_abtn a.dt01_a04btn,.dt_abtn a.dt01_a17btn{ margin:20px 11px;}
.dt_abtn a.dt02_a07btn,.dt_abtn a.dt02_a21btn{ margin:15px 20px;}
.dt_abtn a.dt04_a26btn,.dt_abtn a.dt04_a27btn,.dt_abtn a.dt04_a28btn,.dt_abtn a.dt04_a29btn,.dt_abtn a.dt04_a30btn{ margin:8px 8px;}
.dt_abtn a.dt06_a13btn,.dt_abtn a.dt06_a27btn{ margin:20px 0 20px 8px;}
.dt_abtn a.dt07_a11btn,.dt_abtn a.dt07_a25btn{ margin:20px 0 20px 6px;}

/* dttc */
.dttc{ background:#b7d9a0; width:430px; height:430px; border-radius:20px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-215px; z-index:999999;}
.dttc a.closeBtn{ background:url(imagescloseBtn.png) no-repeat; width:61px; height:61px; display:block; overflow:hidden; position:absolute; right:0; top:0;}
.tc_con{ width:400px; height:390px; margin:20px auto; overflow:hidden;}
.tc_img,.tc_img img{ width:220px; height:220px;}
.tc_img{ margin:0 auto; border-radius:20px; overflow:hidden;}
.tc_txt{ width:380px; height:150px; margin:15px auto 0; overflow:auto;}
.tc_txt p{ line-height:30px; font-size:18px; color:#0a5d29;}

/* nav */
.nav{ background:url(imagesnav_bg.png) no-repeat scroll center top; width:118px; height:441px; overflow:hidden; position:fixed; right:2%; bottom:20%; z-index:99999;}
.nav a.nv_close{ width:24px; height:24px; display:block; overflow:hidden; position:absolute; right:0; top:11px;}
.nv_con{ width:118px; height:352px; margin-top:89px; *padding-top:96px; overflow:hidden;}
.nv_con a{ width:118px; height:22px; line-height:22px; text-align:center; font-size:18px; color:#8ad8ff; display:block; margin-top:4px; overflow:hidden;}
.nv_con a.nv_reidx{ height:27px;}
.nv_con a:hover,.nv_con a.cur{ color:#fff; text-decoration:none;}
.nv_con a.nv_no03,.nv_con a.nv_no05,.nv_con a.nv_no11{ margin-top:5px;}
.nv_con a.nv_no07,.nv_con a.nv_no09,.nv_con a.nv_reidx{ margin-top:6px;}

/* clickTip */
.clickTip{ background:url(fj.sinaimg.cnfj_2015_v1ydhlwimagesclickTip.png) no-repeat center top; width:27px; height:35px; display:block; position:absolute; right:15px; bottom:0px; z-index:999; -webkit-animation:clickTip 1.4s linear infinite alternate; -moz-animation:clickTip 1.4s linear infinite alternate; -ms-animation:clickTip 1.4s linear infinite alternate; -o-animation:clickTip 1.4s linear infinite alternate; animation:clickTip 1.4s linear infinite alternate;}
.dt03 .clickTip{ background:url(imagesclickTip2.png) no-repeat;}
@-webkit-keyframes clickTip{ 
	0%{ opacity:0;} 
	100%{ opacity:1;}
}
@-moz-keyframes clickTip{ 
	0%{ opacity:0;} 
	100%{ opacity:1;}
}
@-ms-keyframes clickTip{ 
	0%{ opacity:0;} 
	100%{ opacity:1;}
}
@-o-keyframes clickTip{ 
	0%{ opacity:0;} 
	100%{ opacity:1;}
}
@keyframes clickTip{ 
	0%{ opacity:0;} 
	100%{ opacity:1;}
}

/* fadeBigSmall */
.fadeBigSmall{ -webkit-animation:fadeBigSmall 0.7s ease both; -moz-animation:fadeBigSmall 0.7s ease both; -ms-animation:fadeBigSmall 0.7s ease both; -o-animation:fadeBigSmall 0.7s ease both; animation:fadeBigSmall 0.7s ease both; -webkit-animation-delay:1s !important; -moz-animation-delay:1s !important; -ms-animation-delay:1s !important; -o-animation-delay:1s !important; animation-delay:1s !important;}
@-webkit-keyframes fadeBigSmall{
	0%{ -webkit-transform:scale(0);}
	50%{ -webkit-transform:scale(1.1);}
	70%{ -webkit-transform:scale(0.9);}
	100%{ -webkit-transform:scale(1);}
}
@-moz-keyframes fadeBigSmall{
	0%{ -moz-transform:scale(0);}
	50%{ -moz-transform:scale(1.1);}
	70%{ -moz-transform:scale(0.9);}
	100%{ -moz-transform:scale(1);}
}
@-ms-keyframes fadeBigSmall{
	0%{ -ms-transform:scale(0);}
	50%{ -ms-transform:scale(1.1);}
	70%{ -ms-transform:scale(0.9);}
	100%{ -ms-transform:scale(1);}
}
@-o-keyframes fadeBigSmall{
	0%{ -o-transform:scale(0);}
	50%{ -o-transform:scale(1.1);}
	70%{ -o-transform:scale(0.9);}
	100%{ -o-transform:scale(1);}
}
@keyframes fadeBigSmall{
	0%{ transform:scale(0);}
	50%{ transform:scale(1.1);}
	70%{ transform:scale(0.9);}
	100%{ transform:scale(1);}
}