@charset "utf-8";
/* CSS Document */
li {list-style:none;}
a:hover h4{color:#707070}
a:hover{color:#707070}
.img-scroll {position:relative;  width:100%; padding-top:120px; z-index:98;}
.img-scroll .prev {
  position:absolute;
  display:block;
  top:0; background:url(../images/pre.png) no-repeat left top; width:82px; height:65px;}
.img-scroll .next {
  position:absolute;
  display:block;
  top:0; background:url(../images/next.png) no-repeat right top; width:15px; height:65px;}
.img-scroll .prev {  left:30px; z-index:9; top:275px; width:100px;}
.img-scroll .next {  right:30px; z-index:9; top:275px; width:100px;}
.img-list {  position:relative;  width:100%;    overflow:hidden; margin:0px auto; padding-bottom:30px;}
.img-list ul { width:9999999px;}
.img-list li {
  float:left;
  display:inline;
  margin-right:1px;
}

a{color:#9FA0A0; }
.img-list ul li{ position:relative;}
.img-list ul li img{ display:block;}
.img-list ul li span{ display:block; float:left; position:absolute; left:0px; bottom:0px; height:30px; line-height:30px; background:url(../images/png02.png) repeat-x left top; color:#fff; width:100%; display:none;  text-align:center;}
.Canven { width:100%;  overflow:hidden; position: absolute; left: 0px; top: 0px;  z-index: 80;  background: #000;  opacity: 0.7;  filter: alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; z-index:9991; height:100%;}
.n_boxs { position:absolute; z-index:9999;  width:100%; margin-top:120px; }
.close{ position:absolute; right:30px; top:30px; z-index:99999999999;}
.wrap{  text-align:center;}

.font{ width:880px; margin:0px auto;}
.fon_left{ float:left; display:inline; width:200px; margin-top:20px;}
.fon_right{ float:right; display:inline; width:660px;  height:180px; margin-top:0px; padding-left:35px; z-index:99;}
.fon_left h2{ font-family:'微軟正黑體'; font-size:18px; color:#9fa0a0; font-weight:normal;}
.fon_left h3{ font-family:'微軟正黑體'; font-size:24px; color:#9fa0a0; margin-top:5px; font-weight:normal;}
.fon_left .share{ margin:20px 0px 0px 0px;}
.fon_left .share img{ margin-right:10px;}
/* 滚动条的样式 */
.scrollUp,.scrollHandle,.scrollDown{}
.scrollBar{height:100%;width:7px;background-repeat:repeat-y;background:url(../images/bar.png) ;overflow:hidden;position:absolute;left:0;top:10; z-index:100; padding-top:15px;}
.scrollUp{background-repeat:repeat-y;background:url(../images/bar.png); height:20px }
.scrollUp,.scrollDown{}
.scrollUp,.scrollHandle,.scrollHandleDown,.scrollDown{width:14px;position:absolute; z-index:8;}
.scrollHandle{ width:7px;height:9px;background:url(../images/srcoll.png) no-repeat ;left:1px;top:20px;cursor:n-resize; padding:15px 0}
.p3_fon{ width:625px;}
.p3_fon p{ line-height:26px; color:#9fa0a0; width:625px;}
.left_bottom{ left:0px; bottom:0px; z-index:9;position:fixed;}
.right_bottom{ right:0px; bottom:0px; z-index:9;position:fixed;}
.rightbo{ right:0px; bottom:0px; z-index:9;position:fixed;}

.share01{ margin-top:75px; margin-left:20px;}
.share01 a{ display:block; margin-top:20px;}
.page_bottom{ width:950px; margin:0px auto; margin-top:20px; position:relative; z-index:90;}
.page_bottom_left{ float:left; display:inline; overflow:hidden;}
.page_bottom_center{ float:left; display:inline; overflow:hidden;}
.page_bottom_right{ float:left; display:inline;}
.page_bottom_left p{ float:left; display:inline; width:30px; font-family:'微軟正黑體'; font-size:26px; color:#9fa0a0; text-align: center;
 word-break: break-all;}
/*.page_bottom_right p{ line-height:26px; width:600px; color:#9FA0A0;  text-align:left; }*/

.top2{ margin-top:2px;}

.tab_btn{ float:right; display:inline;}
.tab_btn li{ margin:5px 0px; cursor:pointer;}
.tab_lis{ height:388px;}
.tex_con{ margin:0px auto; width:900px; color:#9fa0a0; line-height:26px;}
.share02{ text-align:right; margin-top:20px; position:relative; z-index:90;}
.share02 a{ margin-left:15px;}
.top_nav{ width:380px; margin:0px auto; text-align:center; margin-top:120px; padding-bottom:70px;}
.top_nav li{ float:left; display:inline; font-family:'微軟正黑體'; width:22px;}
.top_nav li a{ color:#9fa0a0;}
.top_nav li a:hover{ color:#a47858;}
.top_nav li a.current{ color:#a47858;}
.top_nav li.size_s{ font-size:14px;  padding-left:15px;}
.top_nav li.size_b{ font-size:18px; border-right:1px solid #ccc; padding-right:15px;}
.top_nav li.last{ border:none; padding-left:20px;}
.tab{ width:100%; margin:0px auto;}
#slide_maina.content {height:388px;width:1485px; position:relative;}
.tab_lis{ position:absolute; left:0px; top:0px; }
.tab_lis img{opacity:1;}
.click{ cursor:pointer;}

#main {overflow: hidden; zoom: 1; position: relative; width:100%; }
#index_b_hero { width: 867px; height:350px; margin: auto; position: relative; }
    #index_b_hero img { width:900px; height:350px; }
    #index_b_hero .heros { width: 867px; height:291px; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }

	
	#main .prev {  position: absolute; top: 35%;  z-index:99; left:30px; display:block; padding-right:100px; }
#main .prev img{ width:12px; height:63px;}
#main .next img{ width:12px; height:63px;}
#main .next { position: absolute; top: 35%;  z-index:99; right:30px; display:block; padding-left:100px;}
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {z-index: 1; position: absolute; top: 0; left: 0; width: 910px; height:350px; overflow: hidden; left: 1820px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4;/* left: -867px;*/  overflow: hidden; }
/*#index_b_hero .mask-right { left: 867px; }*/
#index_b_hero .active { z-index: 2; left: 0; }

/*焦点图*/
.tab_show { position: relative;  width:100%; overflow:hidden;  }

/*焦点图end*/

.warp{ padding-bottom:100px;}
.footer{clear: both};
/*.footer{ background:url(../images/foot_line1.png) repeat-x left bottom; height:100px; width:100%; position:fixed; z-index:999; }
.foot{ width:100%; margin:0px auto;}*/

.warp{ min-height:750px; overflow:hidden;}

.p-box h4{font-family:'微軟正黑體'; font-size:18px; font-weight:normal;}
#txt{font-size:12px;}


.tab_btn li{padding-top:10px; height:auto; overflow:hidden; height:10}
.tab01 a{background:url(../images/tool_btn01.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab01 a.kjy{background:url(../images/tool_btn010.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab01 a:hover{background:url(../images/tool_btn010.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}

.tab02 a{background:url(../images/tool_btn02.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab02 a.kjy{background:url(../images/tool_btn020.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab02 a:hover{background:url(../images/tool_btn020.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}

.tab03 a{background:url(../images/tool_btn03.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab03 a.kjy{background:url(../images/tool_btn030.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab03 a:hover{background:url(../images/tool_btn030.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}

.tab04 a{background:url(../images/tool_btn04.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab04 a.kjy{background:url(../images/tool_btn040.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab04 a:hover{background:url(../images/tool_btn040.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}

.tab05 a{background:url(../images/tool_btn05.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab05 a.kjy{background:url(../images/tool_btn050.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}
.tab05 a:hover{background:url(../images/tool_btn050.png) no-repeat left bottom; width:92px; height:16px; overflow:hidden; display:block;}


.click a{background:url(../images/page00.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.click a:hover{background:url(../images/page001.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.click a.current{background:url(../images/page001.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}



.tab1 a{background:url(../images/page01.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab1 a.kjy{background:url(../images/page010.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab1 a:hover{background:url(../images/page010.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}

.tab2 a{background:url(../images/page02.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab2 a.kjy{background:url(../images/page020.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab2 a:hover{background:url(../images/page020.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}

.tab3 a{background:url(../images/page03.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab3 a.kjy{background:url(../images/page030.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab3 a:hover{background:url(../images/page030.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}

.tab4 a{background:url(../images/page04.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab4 a.kjy{background:url(../images/page040.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}
.tab4 a:hover{background:url(../images/page040.png) no-repeat left bottom; width:98px; height:22px; overflow:hidden; display:block;}




.tool01 a{background:url(../images/right_png01.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool01 a.kjy{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool01 a:hover{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}

.tool02 a{background:url(../images/right_png01.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool02 a.kjy{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool02 a:hover{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}

.tool03 a{background:url(../images/right_png01.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool03 a.kjy{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool03 a:hover{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}

.tool04 a{background:url(../images/right_png01.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool04 a.kjy{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}
.tool04 a:hover{background:url(../images/right_png01hover.png) no-repeat left bottom; width:11px; height:15px; overflow:hidden; display:block;}


.right_btns a{ display:block; float:left; display:inline;}
.right_btns .xingzhi{ background:url(../images/xingzhi_a.png) no-repeat left bottom; height:16px; line-height:16px; padding-left:20px; color:#9FA0A0;}
.right_btns .xingzhi:hover{ background:url(../images/xingzhi.png) no-repeat left bottom; height:16px; line-height:16px; padding-left:20px; color:#707070;}

.right_btns .diangu{ background:url(../images/diangu_a.png) no-repeat left bottom; height:16px; line-height:16px; padding-left:20px; color:#9FA0A0;}
.right_btns .diangu:hover{ background:url(../images/diangu.png) no-repeat left bottom; height:16px; line-height:16px; padding-left:20px; color:#707070;}


.right_btns{ float:right; padding-top:10px; overflow:hidden; font-size:12px; padding-right:40px;}
.right_btns a{ padding-left:25px; margin-left:15px;}





#txt div{  padding-left: 40px;  text-indent: 25px; line-height:26px;}


.hero-wrap .hero{ position:relative;}
.hero-wrap .hero span{ display:block; float:left; position:absolute; left:0px; bottom:0px; height:30px; line-height:30px; background:url(../images/png02.png) repeat-x left top; color:#fff; width:100%; display:none;  text-align:center;}


#main{ padding-bottom:75px;}

.page_bottom_center {
    display: inline;
    float: left;
    overflow: hidden;
    width: 35px;
}
.page_bottom_left {
    display: inline;
    float: left;
    overflow: hidden;
    width: 60px;
}.page_bottom_right {
    display: inline;
    float: left;
	width:680px;overflow:hidden
}




.share01 a{ display:block; float:left; display:inline; margin-right:10px;}
.share01 a.icon1{background:url(../images/icon_01.png) no-repeat left top; width:15px; height:15px;}
.share01 a.icon1:hover{background:url(../images/icon_01_h.png) no-repeat left top; width:15px; height:15px;}

.share01 a.icon2{background:url(../images/icon_02.png) no-repeat left top; width:15px; height:15px;}
.share01 a.icon2:hover{background:url(../images/icon_02_h.png) no-repeat left top; width:15px; height:15px;}

.share01 a.icon3{background:url(../images/icon_03.png) no-repeat left top; width:15px; height:15px;}
.share01 a.icon3:hover{background:url(../images/icon_03_h.png) no-repeat left top; width:15px; height:15px;}


.share a{ display:block; float:left; display:inline; margin-right:10px;}
.share a.icon1{background:url(../images/icon_01.png) no-repeat left top; width:15px; height:15px;}
.share a.icon1:hover{background:url(../images/icon_01_h.png) no-repeat left top; width:15px; height:15px;}

.share a.icon2{background:url(../images/icon_02.png) no-repeat left top; width:15px; height:15px;}
.share a.icon2:hover{background:url(../images/icon_02_h.png) no-repeat left top; width:15px; height:15px;}

.share a.icon3{background:url(../images/icon_03.png) no-repeat left top; width:15px; height:15px;}
.share a.icon3:hover{background:url(../images/icon_03_h.png) no-repeat left top; width:15px; height:15px;}














