@charset "utf-8";
/* CSS Document */

/****global css****/
*{ margin:0; padding:0;}
body{ font-size:14px;}
html{ overflow-x:hidden}
ul,ol, li{ list-style:none;}
img{ border:none;}
.clear{ clear:both;}
i,em{ font-style:normal;}
.fl{ float:left}
.fr{ float:right}


/****index css****/
.main{ width:1000px; height:760px; margin:0 auto; position:relative;}
.main .flash{ position:absolute; margin-left:-270px; margin-top:-18px; z-index:90;}
.main .logo{ position:absolute; top:10px; left:10px; z-index:91; width:250px; height:120px; background:url(../imgs/fan2Logo.png) no-repeat center bottom;}
.main1 .logo{ position:absolute; top:10px; left:10px; z-index:91; width:250px; height:120px; background:url(../imgs/fan2Logo.png) no-repeat center bottom;}	

.main .btnt{ position:absolute; top:0; left:847px; width:200px; height:30px; z-index:92;}
.main .btnt a{ display:block; float:left; width:65px; height:30px;}
.top .Vbtnt{ position:absolute; top:0; left:476px; width:200px; height:30px; z-index:92;}
.top .Vbtnt a{ display:block; float:left; width:65px; height:30px;}
	
.main .btns{ position:absolute; top:300px; left:0px; width:700px; height:400px; z-index:100;}
.main .btns a{ display:inline-block; width:212px; height:85px; position: absolute;}
.main .btns a.b01{ left:15px; top:155px;}
.main .btns a.b02{ left:330px; top:65px;}
.main .btns a.b03{ left:457px; top:270px;}


/****view css****/

.main1{ width:1000px; margin:0 auto; position:relative;}
.main1 .top{ height:276px; background:url(../imgs/Vmain.jpg) no-repeat center top}
.main1 .mid_y{ background:url(../imgs/Mid_y.jpg) repeat-y -220px 0; position:relative}
.main1 .mid_y .toIndex{ position:absolute; display:block; width:200px; height:60px; z-index:101;}

.main1 .mid_y .mid{ background:url(../imgs/mashang.jpg) no-repeat -220px 0; position:relative;}
.main1 .mid_y .mid ul{ float:left; width:202px; margin-top:83px; *position:absolute; *top:83px; *left:0; *margin:0; *float:none; *z-index:100;}
.main1 .mid_y .mid ul li.a0{ background:url(../imgs/mashang/1.jpg) no-repeat}
.main1 .mid_y .mid ul li.a1{ background:url(../imgs/mashang/2.jpg) no-repeat}
.main1 .mid_y .mid ul li.a2{ background:url(../imgs/mashang/3.jpg) no-repeat}
.main1 .mid_y .mid ul li.a3{ background:url(../imgs/mashang/4.jpg) no-repeat}
.main1 .mid_y .mid ul li.a4{ background:url(../imgs/mashang/5.jpg) no-repeat}
.main1 .mid_y .mid ul li.a5{ background:url(../imgs/mashang/6.jpg) no-repeat}
.main1 .mid_y .mid ul li a{ display:block; width:100%; height:40px;}
.main1 .mid_y .mid ul li a.a0:hover{ background:url(../imgs/mashang/1.jpg) no-repeat}
.main1 .mid_y .mid ul li a.a1:hover{ background:url(../imgs/mashang/2.jpg) no-repeat}
.main1 .mid_y .mid ul li a.a2:hover{ background:url(../imgs/mashang/3.jpg) no-repeat}
.main1 .mid_y .mid ul li a.a3:hover{ background:url(../imgs/mashang/4.jpg) no-repeat}
.main1 .mid_y .mid ul li a.a4:hover{ background:url(../imgs/mashang/5.jpg) no-repeat}
.main1 .mid_y .mid ul li a.a5:hover{ background:url(../imgs/mashang/6.jpg) no-repeat}

.main1 .mid_y .mid2{ background:url(../imgs/yuema.jpg) no-repeat -220px 0; position:relative;}
.main1 .mid_y .mid2 ul{ float:left; width:202px; margin-top:83px; *position:absolute; *top:83px; *left:0; *margin:0; *float:none; *z-index:100;}
.main1 .mid_y .mid2 ul li.a0{ background:url(../imgs/yuema/1.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a1{ background:url(../imgs/yuema/2.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a2{ background:url(../imgs/yuema/3.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a3{ background:url(../imgs/yuema/4.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a4{ background:url(../imgs/yuema/5.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a5{ background:url(../imgs/yuema/6.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a6{ background:url(../imgs/yuema/7.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a7{ background:url(../imgs/yuema/8.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a8{ background:url(../imgs/yuema/9.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a9{ background:url(../imgs/yuema/10.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a10{ background:url(../imgs/yuema/11.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a11{ background:url(../imgs/yuema/12.jpg) no-repeat}
.main1 .mid_y .mid2 ul li.a12{ background:url(../imgs/yuema/13.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a{ display:block; width:100%; height:40px;}
.main1 .mid_y .mid2 ul li a.a0:hover{ background:url(../imgs/yuema/1.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a1:hover{ background:url(../imgs/yuema/2.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a2:hover{ background:url(../imgs/yuema/3.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a3:hover{ background:url(../imgs/yuema/4.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a4:hover{ background:url(../imgs/yuema/5.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a5:hover{ background:url(../imgs/yuema/6.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a6:hover{ background:url(../imgs/yuema/7.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a7:hover{ background:url(../imgs/yuema/8.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a8:hover{ background:url(../imgs/yuema/9.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a9:hover{ background:url(../imgs/yuema/10.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a10:hover{ background:url(../imgs/yuema/11.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a11:hover{ background:url(../imgs/yuema/12.jpg) no-repeat}
.main1 .mid_y .mid2 ul li a.a12:hover{ background:url(../imgs/yuema/13.jpg) no-repeat}

.main1 .mid_y .mid3{ background:url(../imgs/qiju.jpg) no-repeat -220px 0; position:relative;}
.main1 .mid_y .mid3 ul{ float:left; width:202px; margin-top:83px; *position:absolute; *top:83px; *left:0; *margin:0; *float:none; *z-index:100;}
.main1 .mid_y .mid3 ul li.a0{ background:url(../imgs/qiju/1.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a1{ background:url(../imgs/qiju/2.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a2{ background:url(../imgs/qiju/3.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a3{ background:url(../imgs/qiju/4.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a4{ background:url(../imgs/qiju/5.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a5{ background:url(../imgs/qiju/6.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a6{ background:url(../imgs/qiju/7.jpg) no-repeat}
.main1 .mid_y .mid3 ul li.a7{ background:url(../imgs/qiju/8.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a{ display:block; width:100%; height:40px;}
.main1 .mid_y .mid3 ul li a.a0:hover{ background:url(../imgs/qiju/1.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a1:hover{ background:url(../imgs/qiju/2.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a2:hover{ background:url(../imgs/qiju/3.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a3:hover{ background:url(../imgs/qiju/4.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a4:hover{ background:url(../imgs/qiju/5.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a5:hover{ background:url(../imgs/qiju/6.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a6:hover{ background:url(../imgs/qiju/7.jpg) no-repeat}
.main1 .mid_y .mid3 ul li a.a7:hover{ background:url(../imgs/qiju/8.jpg) no-repeat}



.main1 .mid_y .mid .textBox{ width:790px; margin-top:70px;}
.main1 .mid_y .mid .toTop{ display:block; float:right; width:500px; margin-top:60px}
.main1 .mid_y .mid .text{ position:relative; height:auto!important; height:600px; min-height:600px;}
.main1 .mid_y .mid .text h2{ line-height:60px;}
.main1 .mid_y .mid .text p{ width:90%; text-indent:2em; line-height:30px;}

.main1 .mid_y .mid2 .textBox{ width:790px; margin-top:70px;}
.main1 .mid_y .mid2 .toTop{ display:block; float:right; width:500px; margin-top:60px}
.main1 .mid_y .mid2 .text{ position:relative; height:auto!important; height:600px; min-height:600px;}
.main1 .mid_y .mid2 .text h2{ line-height:60px;}
.main1 .mid_y .mid2 .text p{ width:90%; text-indent:2em; line-height:30px;}
.v_table1{ background:#8E1206; border-top:1px solid #834F37; border-left:1px solid #834F37; margin:0 auto}
.v_table1 .tr1{ color:#FFAE03}
.v_table1 tr td{ text-align:center; line-height:25px; border-right:1px solid #834F37; border-bottom:1px solid #834F37; color:#ddd}



.main1 .mid_y .mid3 .textBox{ width:790px; margin-top:70px;}
.main1 .mid_y .mid3 .toTop{ display:block; float:right; width:500px; margin-top:60px}
.main1 .mid_y .mid3 .text{ position:relative; height:auto!important; height:600px; min-height:600px;}
.main1 .mid_y .mid3 .text h2{ line-height:60px;}
.main1 .mid_y .mid3 .text p{ width:90%; text-indent:2em; line-height:30px;}

.main1 .bot{ height:59px; background:url(../imgs/bot.jpg) no-repeat -220px 0;}