@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;}

.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***********/
.area1{ height:319px; overflow:hidden;}
.area1 .expert{ width:350px; float:left;background:url(/statics/img/expert_bg.png) no-repeat center 56px; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; padding-top:20px;}
.area1 .news{ width:328px; height:268px; float:left;border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; padding-top:20px;}
.area1 .news .content{ width:290px; height:auto; margin:0 auto; padding-top:6px;}
.area1 .news .content .t1{ color:#555555; font-size:12px; line-height:18px;height: 98px;}
.area1 .news .content span{ color:#8b6e4a; font-size:14px; line-height:29px;}
.area1 .news .content .t2{ color:#7d7d7d; font-size:14px; line-height:28px; padding-top:10px;}
.area1 .news .content .t1 .img1{ display:block; float:left; margin-right:10px;}
.area1 .audio{ width:340px;border-top:1px solid #d6d6d6; padding-top:20px; float:left;}
.area1 .audio .content{ width:290px; height:auto; margin:0 auto; padding-top:6px;}
.area1 .audio .content .img1{margin-top:10px;}
.area1 .mark{width: 290px; margin:0 auto; line-height:25px; height:30px;}
.area1 .mark .mleft{ width:150px; float:left;}
.area1 .mark .mright{ width:45px; float:right;  text-align:right;}
.area1 .mark .mright a{font-family:"Arial"; font-size:12px; color:#cacaca; text-transform:uppercase;}

.banner_index{height:237px;position: relative;top:20px;overflow:hidden;width: 305px; margin:0 auto;clear:both;}
.banner_index .btn{position: absolute;top:87px;width: 25px;height: 44px;display: block;z-index: 3;}
.banner_index .btnPre{background: url(/statics/img/bg_btnPre_index_hover.png) no-repeat 0 0;left:-24px;}
.banner_index .btnNext{background: url(/statics/img/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: 305px;float: left;}
.indexBanner_num{text-align: center; width:268px; height:auto; position:absolute; left:0px; bottom:35px; z-index:99;} 
.indexBanner_num a{width: 12px;height: 12px;display: inline-block;_zoom:1;background: url(/statics/img/bg_num.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 1px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(/statics/img/bg_num_on.png) no-repeat 0 0;}


.zixun{ width:100%; height:auto;}
.zixun ul{ width:330px; height:91px; margin:25px auto 0 auto; overflow:hidden;}
.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:503px; overflow:hidden;}
.ad{ width:100%; height:116px; background:url(/statics/img/ad.jpg) no-repeat center; position:relative;}
.ad .burt{ width:120px; height:auto;  position:absolute; right:20px; top:50px;}

#tabs2{ width:100%; margin-top:30px; border-top:1px solid #d7d7d7;}
#tabs2 li{ width:338px; height:40px; float:left; margin:0px 1px;}
#tabs2 li a{ display:block; width:100%; text-align:center; background-color:#d6d6d6; padding:11px 0px;}
#tabs2 li a:hover{ background-color:#ffffff}
#tabs2 li #active{ background-color:#ffffff}

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

#tab2context .btn{position: absolute;top:133px;width: 35px;height: 71px;display: block;z-index: 10000;}
#tab2context .btnPre{background:url(/statics/img/tab1_arrowL.png) no-repeat 0 0;left:0px;}
#tab2context .btnNext{background:url(/statics/img/tab1_arrowR.png) no-repeat 0 0;right:0px;}

.banner_index2{height:277px; top:30px;width:910px; margin:0 auto; overflow:hidden;position: relative;}
.banner_index2 .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;height:277px;}
.banner_index2 .banner_wrap li{width: 910px; height:277px;float: left; position:relative;}
.banner_index2 .banner_wrap li .img1{ display:block; width:455px; height:277px; margin-bottom:20px; text-align:center; float:left;}

.banner_index2 .banner_wrap li .img2{ width:280px; background-color:#eaeaea; padding:1px; float:left; margin:0px 11px 10px 10px;}
.banner_index2 .banner_wrap li .img2 .tt{ height:100px; background-color:#ffffff; padding-top:7px;}
.banner_index2 .banner_wrap li .img2 .tt .mleft{ width:94px; height:85px; float:left; margin-left:7px;}
.banner_index2 .banner_wrap li .img2 .tt .mright{ width:170px; height:auto; float:right;font-size:12px; font-family:"宋体";}
.banner_index2 .banner_wrap li .img2 .tt .mright .p1{ color:#896c4a; line-height:18px; padding-top:5px;}
.banner_index2 .banner_wrap li .img2 .tt .mright .p2{ color:#999999; height:25px;}
.banner_index2 .banner_wrap li .img2 .tt .mright .p3{ color:#666666; line-height:18px; width:160px;}
.banner_index2 .banner_wrap li .img2 .bb{ height:25px; background-color:#eaeaea;}
.banner_index2 .banner_wrap li .img2 .bb .a1{ display:block; width:22px; height:22px; background:url(/statics/img/bt1.png) no-repeat center; float:right; margin-right:5px; margin-top:2px;}
.banner_index2 .banner_wrap li .img2 .bb .a1:hover{ background:url(/statics/img/bt11.png) no-repeat center;}
.banner_index2 .banner_wrap li .img2 .bb .a2{ display:block; width:22px; height:22px; background:url(/statics/img/bt2.png) no-repeat center; float:right; margin-right:5px; margin-top:2px;}
.banner_index2 .banner_wrap li .img2 .bb .a2:hover{ background:url(/statics/img/bt22.png) no-repeat center;}
.banner_index2 .banner_wrap li .img2 .bb .a3{ display:block; width:22px; height:22px; background:url(/statics/img/bt3.png) no-repeat center; float:right; margin-right:10px; margin-top:2px;}
.banner_index2 .banner_wrap li .img2 .bb .a3:hover{ background:url(/statics/img/bt33.png) no-repeat center;}


.banner_index2 .banner_wrap li .img3{ display:block; width:229px; height:116px; border:1px solid #ffffff; background-color:#ffffff; position:relative; float:left; margin:6px;}
.banner_index2 .banner_wrap li .img3:hover{ border:1px solid #896c4a;}
.banner_index2 .banner_wrap li .bottom{ width:345px; height:112px; background-image:url(/statics/img/bg3.png); position:absolute; left:0px; bottom:0px;}
.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:465px;}
#tabs3{ width:100%; margin-top:30px; border:1px solid #d7d7d7;}
#tabs3 li{ width:253px; height:40px; float:left; position:relative; margin-right:2px;}
#tabs3 li a{ display:block; width:100%; height:40px; line-height:40px; background-color:#d6d6d6; color:#000000; 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:#8b6e4a; color:#ffffff;}
#tabs3 li #active{ background-color:#8b6e4a; color:#ffffff;}

#tab3context{ height:385px; clear:both; position:relative; border-bottom:1px solid #d7d7d7;}
#tab3context .nav{ position:absolute; top:0; left:1px; width:1018px; height:40px; background-image:url(/statics/img/bg2.png);}
#tab3context .nav ul{ width:670px; height:40px; margin:0 auto;}
#tab3context .nav ul li{ width:95px; height:auto; float:left;}
#tab3context .nav ul li a{ display:block; width:100%; height:40px; font-size:14px; color:#d6d6d6; line-height:40px; letter-spacing:3px; text-align:center;}
#tab3context .nav ul li a:hover{ color:#ffffff; font-weight:bold;}
#tab3context .nav ul li #active{ color:#ffffff; font-weight:bold;}
#tab3context .chen{ width:330px;float:left;}
#tab3context .ling{ width:422px; height:auto; float:left; margin-top:70px;}
#tab3context .ling .h1{ height:50px; color:#333333; font-size:24px; text-align:center;}
#tab3context .ling p{ color:#333333; font-size:14px; line-height:23px; height:115px;}
#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:155px; height:auto; float:left; border-bottom:1px dotted #d7d7d7; margin:6px 30px 6px 0px ;}
#tab3context .ling ul li a{ display:block; width:100%; height:auto; font-size:14px; color:#666666; line-height:20px;}
#tab3context .ling ul li a:hover{ color:#896c4a;}
#tab3context .more{ width:240px; height:auto; float:right; position:relative; margin-top:70px;}
#tab3context .more .a1{ display:block; width:93px; height:31px; background:url(/statics/img/tab2_a0ca2.png) no-repeat center;}
#tab3context .more .img1{ width:100%; height:190px; margin-top:25px;}
#tab3context .more .img1 li{ height:135px;float:left;}


#tab6context{ width:690px; float:left;}
/************area4*************/
.area4{ height:auto;}
#tab4a{ height:361px;}
#tab4b{ height:357px;}
#tab4c{ height:361px;}

#tabs4{ width:100%; height:40px;}
#tabs4 li{ width:506px; height:40px; float:left; position:relative; margin:0px 1px;}
#tabs4 li a{ display:block; width:100%; height:40px; line-height:40px; background-color:#d6d6d6; color:#000000; 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:#896c4a; color:#ffffff;}
#tabs4 li #active{ background-color:#896c4a; color:#ffffff;}

#tab4context{ height:auto; clear:both; position:relative;padding-top:30px;}
#environment{ width:100%; height:auto;}
#environment li{ width:242px; height:157px; float:left; margin-bottom:17px;}
#environment li.s1{ margin-right:17px;}


.banner_index3{height:327px;width:960px; margin:0 auto; overflow:hidden;position: relative;}
.banner_index3 .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;height:327px; overflow:hidden;}
.banner_index3 .banner_wrap li{width: 960px; height:327px;float: left; position:relative; margin:0 7px;}
.banner_index3 .banner_wrap li .img3{ display:block; width:227px; height:327px; float:left; margin:0 5px; position:relative;}
.banner_index3 .banner_wrap li .bottom{ width:224px; height:170px; background-image:url(/statics/img/bg3.png); position:absolute; bottom:-127px; left:2px; color:#ffffff; font-size:18px; text-align:center; padding-top:10px;}
.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(/statics/img/tab1_b1.png) no-repeat center; margin-right:20px;}
.banner_index3 .banner_wrap li .bottom .aa1:hover{ background-image:url(/statics/img/tab1_bc1.png)}
.banner_index3 .banner_wrap li .bottom .aa2{ display:block; float:right; width:29px; height:36px; background:url(/statics/img/tab1_b2.png) no-repeat center; margin-right:10px;}
.banner_index3 .banner_wrap li .bottom .aa2:hover{ background-image:url(/statics/img/tab1_bc2.png)}
#tab4context .btn{position: absolute;top:158px;width: 35px;height: 71px;display: block;z-index: 10000;}
#tab4context .btnPre{background:url(/statics/img/tab1_arrowL.png) no-repeat 0 0;left:0px;}
#tab4context .btnNext{background:url(/statics/img/tab1_arrowR.png) no-repeat 0 0;right:0px;}

#tab4c #company{ width:100%; height:auto; overflow:hidden;}
#tab4c #company li{ width:242px; height:157px; float:left; background:url(/statics/img/tab3_cbg.jpg) no-repeat center; position:relative; overflow:hidden; margin-bottom:17px;}
#tab4c #company li.s2{ margin-right:17px;}
#tab4c #company li .defautl{ width:242px; height:157px; display:table;}
#tab4c #company li .middle{ width:242px; height:157px; display:table-cell; vertical-align:middle; text-align:center;}
#tab4c #company li .change{ display:none; width:242px; height:157px;position:absolute; top:0px; left:0px; background-color:#ffffff; z-index:1000;}
#tab4c #company li .change span{ color:#333333; font-size:12px;}
#tab4c #company li .change .middle2{ width:242px; height:auto;text-align:center; margin-top:35px; /*margin-left:-242px;*/}
#tabs5b{margin-bottom: 43px;}