﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑";}
ul,ol,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
a{ text-decoration:none;}
img{ font-size:0; border:0;}

.abutton{ display:block; width:100%; height:35px; line-height:35px; text-align:center; background-color:#896c4a; color:#ffffff; font-size:14px; text-decoration:none; font-weight:bold;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; letter-spacing:1px; }
.abutton:hover{ background-color:#999999; color:#000000;}

.title{ font-size:16px; color:#000000; font-weight:bold; line-height:30px;}
.title2{ font-family:"Arial";font-size:12px; color:#d1d1d1;line-height:30px; text-align:right;}
.title2 a{ color:#d1d1d1;}
.title2 a:hover{ text-decoration:underline;}

/**********area1***********/
.container{ width:1200px; margin:0 auto;}
.area1{ height: 230px; overflow: hidden;}
.newfocus{ width:810px; height:auto; float:left; border-right:1px dashed #ececec; padding-right:15px;}
*html .newfocus{ width:798px;}
.newfocus .chen{ width:353px; height:auto; float:left;}

.newfocus .chen .content .storey2{position:absolute; top:342px; left:3px; width:353px; height:342px;}

.newfocus .chen .content .storey2 p span{color:#ffffff; font-size:14px;text-align:center; display:block; width:100%; text-align:center; line-height:25px;}
.newfocus .chen .content .storey2 p a{ color:#ffffff;}
.newfocus .chen .content .storey2 p a:hover{ text-decoration:underline;}

.newfocus .more{ width:457px; height:auto;float:right;}
*html .newfocus .more{ width:440px;}
.newfocus .more .content{ background-color:#f8f8f8; height:308px; margin-top:10px; padding:20px 40px;}
.newfocus .more .content span a{ font-size:16px; color:#000000; font-weight:bold;}
.newfocus .more .content p{ font-size:12px; color:#666666; margin-top:10px; height:50px; line-height:22px; margin-bottom:10px;}
.newfocus .more .content .line{ width:90%; height:auto;}
.newfocus .more .content .line li{ width:100%;border-bottom:1px dotted #896c4a; padding-top:15px; line-height:25px;}
.newfocus .more .content .line li a{ font-size:12px; color:#666666;}
.newfocus .more .content .line li a:hover{color:#896c4a;}


#tabs1{ width:100%; margin-top:30px;}
#tabs1 li{ width:70px; height:30px; float:left; position:relative; margin-right:1px;}
#tabs1 li a{ display:block; width:100%; height:20px; line-height:20px; background-color:#000000; color:#ffffff; font-size:12px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs1 li a:hover{ background-color:#896c4a; height:30px; line-height:30px; font-size:14px;}
#tabs1 li #active{ background-color:#896c4a; height:30px; line-height:30px; font-size:14px;}
#tab1context{ height:252px;}

.expert{ width:359px; height:auto; margin-left:15px; float:right;}
.expert span{ float:right;  margin-right:12px; font-size:12px; font-weight:500}
.expert span a{color:#d1d1d1;}
.banner_index{height:237px;position: relative;top:10px;overflow:hidden;width: 348px;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:97px;width: 25px;height: 44px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;left:-24px;}

.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;right:-24px;}

.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 348px;float: left;}
.indexBanner_num{width:348px;margin: 0 auto;text-align: center;} 


.zixun{ width:100%; height:auto;}
.zixun ul{ width:330px; height:91px; margin:25px auto 0 auto; overflow:hidden; position:relative; left:0px; top:0px;}
.zixun ul li{ width:110px; height:91px; float:left;}
.zixun ul li a{ display:block; width:100%; height:182px; text-align:center;}
/**********area2***********/
/*.area2{ height:735px;}

.ad .burt{ width:120px; height:auto;  position:absolute; right:20px; top:50px;}

#tabs2{ width:100%; margin-top:30px;}
#tabs2 li{ width:398px; height:50px; float:left; position:relative; margin-right:2px;}
*html #tabs2 li{ width:397px}
#tabs2 li a{ display:block; width:100%; height:50px; line-height:50px; background-color:#4e3c2f; color:#ffffff; font-size:18px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs2 li a span{ color:#ccc2bb; font-size:16px; font-family:"바탕체";}
#tabs2 li a img{ vertical-align:middle;}



#tab2context{ height:auto; clear:both; position:relative;}

#tab2context .btn{position: absolute;top:225px;width: 35px;height: 71px;display: block;z-index: 10000;}



.banner_index2{height:475px; top:35px;width:1090px; margin:0 auto; overflow:hidden;position: relative;}
.banner_index2 .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;height:445px;}
.banner_index2 .banner_wrap li{width: 1090px; height:463px;float: left; position:relative;}
.banner_index2 .banner_wrap li .img1{ display:block; width:361px; height:213px; margin-bottom:20px; text-align:center; float:left;}
.banner_index2 .banner_wrap li .img2{ width:330px; height:220px;float:left; padding:10px 15px;}
.banner_index2 .banner_wrap li .rb{border-right:1px dotted #e0e0e0;}
.banner_index2 .banner_wrap li .bb{border-bottom:1px dotted #e0e0e0;}

.banner_index2 .banner_wrap li .img2 .chen{ width:139px; height:155px; float:left;}
.banner_index2 .banner_wrap li .img2 .ling{ width:185px; height:155px; float:right;}
.banner_index2 .banner_wrap li .img2 .ling p{ color:#896c4a; font-size:12px; margin-top:20px; line-height:20px; height:70px;}
.banner_index2 .banner_wrap li .img2 .ling p span{color:#999999;}
.banner_index2 .banner_wrap li .img2 .ling a{ width:42px; height:36px; float:left; display:block; text-align:center;}
.banner_index2 .banner_wrap li .img2 .ling .a1{ background:url(../images/tab1_b1.png) no-repeat center;}

.banner_index2 .banner_wrap li .img2 .ling .a2{ background:url(../images/tab1_b2.png) no-repeat center;}


.banner_index2 .banner_wrap li .img2 .p2{ width:312px; color:#666666; font-size:12px;line-height:22px;}
.banner_index2 .banner_wrap li .img2 .p2 a{ color:#666666;}
.banner_index2 .banner_wrap li .img2 .p2 a:hover{ color:#000000;}
.banner_index2 .banner_wrap li .img3{ display:block; width:346px; height:457px; border:3px solid #cccccc; position:relative; float:left; margin:0 5px;}
*html .banner_index2 .banner_wrap li .img3{ margin:0 4px;}
.banner_index2 .banner_wrap li .img3:hover{ border:3px solid #896c4a;}

.banner_index2 .banner_wrap li .bottom .p1{ color:#ffffff; font-size:16px; margin-top:10px; padding-left:10px; height:35px;}
.banner_index2 .banner_wrap li .bottom .p2{ color:#c7c7c7; font-size:12px; padding:0px 28px; line-height:22px;}
/************area3*************/
.area3{ height:550px; margin-top:-20px;}
#tabs3{ width:100%; margin-top:30px;}
#tabs3 li{ width:298px; height:50px; float:left; position:relative; margin-right:2px;}
*html #tabs3 li{ width:297px;}
#tabs3 li a{ display:block; width:100%; height:50px; line-height:50px; background-color:black; color:#ffffff; font-size:18px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs3 li a img{ vertical-align:middle;}
#tabs3 li a:hover{ background-color:#636363;}
#tabs3 li #active{ background-color:#636363;}

#tab3context{ height:470px; clear:both; position:relative; background-color:#f8f8f8;}
#tab3context .nav{ position:absolute; top:0px; left:0px; width:1198px; height:40px; background-image:url(../images/bg2.png);}
*html #tab3context .nav{width:1194px;}
#tab3context .nav ul{ width:490px; height:40px; margin:0 auto;}
#tab3context .nav ul li{ width:70px; height:auto; float:left;}
#tab3context .nav ul li a{ display:block; width:100%; height:40px; font-size:12px; color:#d6d6d6; line-height:40px; letter-spacing:3px; text-align:center;}
#tab3context .nav ul li a:hover{ color:#ffffff;}
#tab3context .nav p{text-align:center;}
#tab3context .nav p a{padding:0 10px;height:40px; font-size:12px; color:#d6d6d6; line-height:40px; }
#tab3context .nav p a:hover{ color:#ffffff;}
#tab3context .chen{ width:423px; height:493px; float:left; background-color:#ffffff;}
#tab3context .ling{ width:400px; height:auto; float:left; margin-top:100px; padding-left:30px;}
#tab3context .ling .h1{ height:50px; color:#333333; font-size:24px; text-align:center;}
#tab3context .ling p{ color:#333333; font-size:12px; line-height:22px; height:135px;}
#tab3context .ling p a{color:#333333;}
#tab3context .ling p a:hover{ text-decoration:underline;}
#tab3context .ling ul{ width:100%; height:auto;}
#tab3context .ling ul li{ width:170px; height:auto; float:left; border-bottom:1px dotted #d7d7d7; margin:7px 10px;}
*html #tab3context .ling ul li{ width:165px;}
#tab3context .ling ul li a{ display:block; width:100%; height:auto; font-size:12px; color:#666666; line-height:20px;}
#tab3context .ling ul li a:hover{ color:#896c4a;}
#tab3context .more{ width:325px; height:auto; float:right; position:relative; margin-top:100px;}
*html #tab3context .more{ width:330px;}
#tab3context .more .a1{ display:block; width:93px; height:31px; background:url(../images/tab2_a02.png) no-repeat center; margin-left:3px;}
*html #tab3context .more .a1{margin-left:10px;}
#tab3context .more .img1{ width:100%; height:190px; margin-top:22px;}
#tab3context .more .img1 li{ width:150px; height:76px; float:left; margin:5px 6px;}
#tab3context .more .h3{ color:#000000; font-size:14px; font-weight:bold; height:30px;}
#tab3context .more .text1{ width:100%; height:100px;}
#tab3context .more .text1 li{ width:65px; height:24px; margin:2px 16px 2px 0px;; float:left;}
#tab3context .more .text1 li a{ display:block; width:100%; line-height:24px; color:#333333; font-size:12px; text-align:center;}


/************area4*************/
.area4{ height:auto;}
#tab4a{ height:460px;}
#tab4b{ height:430px;}
#tab4c{ height:410px;}

#tabs4{ width:100%; margin-top:30px; height:65px;}
#tabs4 li{ width:398px; height:65px; float:left; position:relative; margin:0px 1px;}
*html #tabs4 li{ width:397px;}
#tabs4 li a{ display:block; width:100%; height:65px; line-height:65px; background-color:black; color:#ffffff; font-size:18px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs4 li a img{ vertical-align:middle;}
#tabs4 li a:hover{ background-color:#636363;}
#tabs4 li #active{ background-color:#636363;}

#tab4context{ height:auto; clear:both; position:relative;padding-top:35px;}
#tab4context .layout1{ width:445px; height:445px; float:left;}
#tab4context .layout2{ width:297px; height:445px; float:left;}
.box01{ width:100%; position:relative;}
.box01 li{ float: left;text-align: center;cursor: pointer; z-index:0; position:relative; }
.box01 .li1{ width:297px; height:297px;}
.box01 .li1 img{ height:297px;}
.box01 .li2{ width:148px; height:148px;}
.box01 .li2 img{ height:148px;}
.box01 .li3{ width:297px; height:148px;}
.box01 .li3 img{ height:148px;}
.box01 .li4{ width:148px; height:297px;}
.box01 .li4 img{ height:297px;}
.box01 li .in{ position: absolute; left: 0; top: 0;width: 148px; }
.box01 li .in p{ display: none; text-align: left;}
.box01 li.on{ z-index:99;}
.box01 li.on .in{ padding: 5px; border: 1px solid #ccc; position:absolute;z-index:100; width:auto; text-align: center; top:-40px;  background: #fff;}
.box01 li.on .in p{ position:relative; display:block;}
.box01 li.on img{ height: auto; margin-bottom: 8px;}

.banner_index3{height:475px;width:1090px; margin:0 auto; overflow:hidden;position: relative;}
.banner_index3 .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;height:389px; overflow:hidden;}
.banner_index3 .banner_wrap li{width: 1090px; height:463px;float: left; position:relative; margin:0 7px;}
.banner_index3 .banner_wrap li .img3{ display:block; width:346px; height:457px; border:3px solid #ffffff; float:left; margin:0 4px; position:relative;}
*html .banner_index3 .banner_wrap li .img3{ margin:0 3px;}

.banner_index3 .banner_wrap li .bottom span{ line-height:40px;}
.banner_index3 .banner_wrap li .bottom p{ color:#b7b7b7; font-size:12px; line-height:22px; text-align:left; padding:0px 18px; height:80px;}
.banner_index3 .banner_wrap li .bottom .aa1{ display:block; float:right; width:29px; height:36px; background:url(../images/tab1_b1.png) no-repeat center; margin-right:20px;}

.banner_index3 .banner_wrap li .bottom .aa2{ display:block; float:right; width:29px; height:36px; background:url(../images/tab1_b2.png) no-repeat center; margin-right:10px;}

#tab4context .btn{position: absolute;top:225px;width: 35px;height: 71px;display: block;z-index: 10000;}



#tab4c #company{ width:100%; height:auto; overflow:hidden;}

#tab4c #company li .defautl{ width:275px; height:178px; display:table;}
#tab4c #company li .middle{ width:275px; height:178px; display:table-cell; vertical-align:middle; text-align:center;}
#tab4c #company li .change{ width:275px; height:178px; display:table; position:absolute; top:0px; left:-275px; background-color:#ffffff; z-index:1000;}
#tab4c #company li .change span{ color:#333333; font-size:12px;}


.morelink{ width:100%; background-color:#f8f8f8; height:365px; padding-top:15px;clear:both; margin-top:-35px;}
.morelink .big{ width:100%; height:350px; overflow:hidden;}
.morelink .big li{ width:170px; height:185px; float:left;}
.morelink .big .br{border-right:1px solid #e4e4e4;}
.morelink .big .bb{border-bottom:1px solid #e4e4e4; }
.morelink .big li .mark{ width:100px; height:25px;border-bottom:1px solid #e4e4e4; color:#000000; font-size:14px; font-weight:bold; margin:25px auto 10px auto;}
.morelink .big li .mark img{ vertical-align:middle;}
.morelink .big li .little{ width:100px; height:auto; margin:0 auto;}
.morelink .big li .little li{ width:100%; height:25px; float:left;}
.morelink .big li .little li a{ display:block; width:100%; height:25x; line-height:25px; color:#666666; font-size:12px;}
.morelink .big li .little li a:hover{ color:#896c4a;}

.bar{ width:100%; height:260px; background-color:#000000; padding-top:25px;}
.bar .chen{ width:395px; height:71px; float:left; text-align:center; margin-top:50px;}
.bar .ling{ width:650px; height:auto; float:right;}
.bar .ling .lm{ width:110px; height:137px; float:left; padding-top:12px;}
.bar .ling .rm{ width:450px; height:137px; float:right; margin-right:60px;}

.bar .ling .rm .p1{ color:#c6c6c6; font-size:14px; height:80px;}
.bar .ling .rm .p1 span{ font-size:20px;}
.bar .ling .rm .p2{ color:#666565; font-size:12px; line-height:20px; height:55px;}
.bar .ling .rm ul{ width:100%; height:37px;}
.bar .ling .rm ul li{ width:37px; height:37px; float:left; margin:0 5px;}


/*友情链接模块*/
.friendlink{ width:100%;height:110px;background-color:#f8f8f8;margin-bottom:10px;}
.friendlink h5{width:120px;height:25px; text-align:center;}
.link_more{font-size:12px; border:1px solid #e4e4e4; width:1145px;height:80px; margin-left:30px;}
.link_more a{height:25px;margin-left:8px; line-height:25px;}	

#index_flash { background-color:#000; }
#slideshow_wrapper { POSITION: relative; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #121212; PADDING-LEFT: 0px; WIDTH: 1200px; PADDING-RIGHT: 0px; HEIGHT: 420px; OVERFLOW: hidden; PADDING-TOP: 0px; margin:0 auto; z-index:100; }
#slideshow_footbar { Z-INDEX: 6; POSITION: absolute; /*FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);*/ WIDTH: 100%; BOTTOM: 0px; HEIGHT: 30px }
#slideshow_photo { POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; CURSOR: pointer }
#slideshow_photo A { Z-INDEX: 1; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; MARGIN: 0px; DISPLAY: block; BORDER-TOP: 0px; TOP: 0px; BORDER-RIGHT: 0px; LEFT: 0px }
#slideshow_footbar .slideshow-bt { BACKGROUND-COLOR: #d2d3d4; MARGIN: 10px 5px 0px 0px; WIDTH: 8px; DISPLAY: inline; FLOAT: right; HEIGHT: 8px; FONT-SIZE: 0px }
#slideshow_footbar .bt-on { BACKGROUND-COLOR: #7a5e39 }

/* 改版首页新css  2014/11/25 */
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
#sliderfocus{width:330px;height:216px;overflow:hidden;position:relative; padding-top:4px;}
#sliderfocus ul{height:216px;position:absolute;}
#sliderfocus ul li{float:left;width:330px;height:216px;overflow:hidden;position:relative;background:#000;}
#sliderfocus ul li div{position:absolute;overflow:hidden;}
#sliderfocus .btnBg{position:absolute;width:330px;height:20px;left:0;bottom:0;background:#000;}
#sliderfocus .btn{position:absolute;width:305px;height:10px;padding:5px 10px;/*right:-1000em;*/bottom:0;text-align:right;}
#sliderfocus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#sliderfocus .btn span.on{background:#fff;}
#sliderfocus .preNext{width:0px;height:0px;position:absolute;top:30px;cursor:pointer; }
#sliderfocus .pre{left:0;}
#sliderfocus .next{right:0;background-position:right top;}


.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; width:330px; height:220px; }
.theme-default .nivoSlider a { border:0; display:block; }

.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; }
.theme-default a.nivo-prevNav { left:15px; }
.theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.theme-default .nivo-caption a:hover { color:#fff; }

.hot_news{width:530px; margin-left:18px; overflow:hidden; display:block;}
.hot_top{margin-top:10px; overflow:hidden; clear:both;}
.hot_top img{float:left;}
.hot_top p{float:right; width:380px; color:#838383;}
.hot_top p a{font-size:16px; font-weight:bold; line-height:20px;}
 ul.hot_news_b{border-top:1px solid #d3d3d3; margin-top:10px;margin-top:10px; height:90px;}
ul.hot_news_b li{width:50%; float:left; line-height:20px; background:url(../images/li.png) 0 center no-repeat; text-indent:10px;}

.hot_pp{width:300px; overflow:hidden; display:block;}
.index_title{ border-bottom:1px solid #c2c2c2; font-size:18px; font-weight:bold; height:32px; line-height:32px; font-family:"";}
.index_title span{ font-size:16px;}

#picBox { width:300px; margin:0px auto; height:86px; overflow:hidden; position:relative; }
#picBox ul#show_pic { margin:0; padding:0; list-style:none; height:86px; width:1675px; overflow:hidden; position:absolute; }
#picBox ul#show_pic li { float:left; margin:0; padding:0; height:86px; }
#picBox ul#show_pic li img { display:block; width:300px; height:86px; }

#icon_num { position:absolute; bottom:0px; _bottom:-1px; /*right:1000px;*/ }
#icon_num li { float:left; background:#808080; width:60px; height:8px; list-style:none; cursor:pointer; overflow:hidden;}
#icon_num li:hover,
#icon_num li.active { width:60px; height:8px; background:#000000;}



.blood_b_tab{width:1200px; border-bottom:1px solid #dedede; overflow:hidden;/* height:250px;*/ display:block;margin:0 auto;}
	.blood_b_tab .blood_tab{height:35px; background:url(../images/index_title_bg1.gif) 0 bottom repeat-x; }
	.blood_b_tab .blood_tab li{float:left; cursor:pointer; border-left:1px solid #dedede;}
	.blood_b_tab .blood_tab li a{display:block; height:35px; padding:0 30px; line-height:35px; text-align:center; color:#000; font-size:14px; font-weight:bold; text-decoration:none; outline:none; }
      /*  .blood_b_tab .blood_tab li a{color:#000;}*/
	.blood_b_tab .blood_tab .hover a{ background:#000;padding:0 30px; height:34px; color:#FFF; }
	.blood_b_tab .blood_tab_arc ul.pp_ry { width:1200px; margin:15px auto 15px; overflow:hidden;}
	.blood_b_tab .blood_tab_arc ul.pp_ry li{ float:left; word-wrap:break-word; width:175px; text-align:center; margin:0 32px; display:inline; }
	.blood_b_tab .blood_tab_arc ul.pp_ry li span { width:180px; line-height:30px; text-align:center; overflow:hidden; display:block;font-size:13px; }
	.blood_b_tab .blood_tab_arc ul.pp_ry img { width:180px;/* height:120px;*/   }
	.blood_b_tab .blood_tab_yq ul.pp_ry img{ width:100px !important; margin:0 auto; height:120px;}
	.blood_b_tab .blood_tab_arc ul.yq_link { width:960px; overflow:hidden; zoom:1; margin:9px auto; padding-bottom:10px; clear:both; }
	.blood_b_tab .blood_tab_arc ul.yq_link a{ color:#4d4d4d; padding:0px 6px; line-height:28px; }
	.blood_b_tab .blood_tab_arc ul.yq_link a:hover { color:#f60; }
	
.ad{ width:100%; height:132px; background:url(../images/ad_0326.jpg) no-repeat center; position:relative;}

