﻿/*首页banner图片切换 begin*/
.banner{ width:1180;margin:0 auto;}
.bt{ width:1000px; margin:0 auto;position:relative;}
.btn{ position:absolute; bottom:5px; right:50%;}
.bread{ width: 100%; height: 362px; overflow:hidden; position:relative;}
.bread li{
	width: 1180px;
	height: 362px;
	position: absolute;
	left: 0;
	top: 0;
}
.bread li a{ display:block; width:100%; height:362px;}
.bread li a img{ width:100%; height:100%;}
.btnbj{ position:relative; z-index:10; height:21px; /*background:url(../images/bread/btnbj_08.png) repeat;*/ padding-top:2px;}
.btnbj p{ position:absolute; top:0; z-index:10;}
.btnbj p.pL{ left:-9px; display:none}
.btnbj p.pR{ right:-13px; display:none}
.btnbj .num,.btnbj .a.next{ float:left}
.btnbj a.next{ padding-left:5px; display:none}
.btnbj .num{ padding-top:2px;}
.btnbj .num a{display:inline-block;width:22px;height:21px; background:url(../images/bread/done1.png) no-repeat}
.btnbj .num a.active{background:url(../images/bread/done2.png) no-repeat;}
/*首页banner图片切换 end*/

/*首页Tab切换 begin*/
.Tab{ position:relative}
.Tab a.more{ position:absolute; top:10px; right:10px;}

.bor{ width:326px; height:29px; border-bottom:2px solid #007bbb; margin-top:23px;}/*实际高度34px*/
.bor li{ padding:0 10px; line-height:29px; background:#e2e2da; margin-right:2px; float:left}
.bor li a{ color:#6a6869; font-weight:700; font-size:13px;}
.bor li.hover{ background:#007bbb;}
.bor li.hover a{ color:white}
.nList{ width:315px;}
.nList li{ margin-top:12px; height:15px; overflow:hidden}
.nList li a span{color: #797d81}
.nList li a:hover span{ color:#004e9c}
.nList li a .idate{ padding-right:15px;}
.tabbox{ width:328px; height:108px; overflow:hidden}
/*内容区域*/
/*.tabCon{ height:108px; padding-right:10px;}
.tabCon h2{ margin:10px 0 8px 0}
.tabCon h2 a{ color:#696969;}
.tabCon h2 a i{ font-style:normal; color:#696969; padding-left:5px;}
.tabCon a.nTxt{ display:block; line-height:22px;}*/

.proTab{ position:relative; *width:350px; *overflow:hidden}
.pos{ position:absolute; right:12px; top:-8px;*top:6px; z-index:10}
.proTab .tabnav{ margin-top:15px; *padding-top:15px;}
.proTab .tabnav li{ background:url(../images/done.gif) no-repeat left 7px; padding-left:10px; margin-right:10px; height:30px; line-height:20px; float:left; cursor:pointer}
.proTab .tabnav li.hover1{ color:#004e9c}
.proTab .tabbox{ width:402px;/* height:181px;*/}
/*首页Tab切换 over*/


/*---------首页项目推荐menus-------------*/
.menus{ margin-top:5px; width:88px; height:22px; background: url(../images/public/select.jpg) no-repeat; padding:1px; cursor:pointer; position:relative; z-index:10;}
.menus cite{ display:block;font-style:normal;width:65px; height:22px; line-height:22px; text-align:center;padding-right:23px; overflow:hidden;cursor:pointer;}
.menus ul{ position:absolute; top:24px; left:0; z-index:10; background:white; width:90px; height:120px; overflow:auto; display:none }
.menus ul li{ width:72px;height:24px; line-height:24px;}
.menus ul li a{display:block; height:24px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;}
.menus ul li a:hover{background-color:#CCC;}
.select .menus{ float:left}
.mar2{ margin-left:10px;}
/*---------首页项目推荐menus-------------*/

/*---------首页项目走马灯滚动-------------*/
.imgscroll{ width:347px; overflow:hidden}
/*.imgscroll dl{ height: 85px; overflow:hidden}*/
.imgscroll dl{ height: 85px; width:360px; overflow:hidden}
.imgscroll dd{ float:left; width:85px; height:85px; margin-right:2px;}
.imgscroll dd p{ text-align:center; margin-top:10px; line-height:22px;}
.imgscroll dd p a{ color:#60461d; font-weight:700;}
/*---------首页项目走马灯滚动-------------*/



/*---------集团背景手风琴-------------*/
.slidebox{ width:100%; height:auto !important; height:100px; min-height:100px;}
.slidebox li{ padding:0 20px 0 20px; margin-bottom:10px; background:#d8d9d8; overflow:hidden}
.slidebox li.down{ background:white; padding-bottom:20px;}
.slidebox li h1{ font-size:36px; display:block; height:59px; line-height:59px; overflow:hidden; font-family:Arial; color:#3e9dc9; background: url(../images/about/up.gif) no-repeat right center}
.slidebox li.down h1{background: url(../images/about/down.gif) no-repeat right center}
.slidebox li div.Scont{ display:none; border-top:1px solid #cccccc; padding:20px 0 0 0}
/*内容区*/
.hList{ height:17px; width:596px; margin-bottom:10px; overflow:hidden}
.hList span{ display:block; height:17px; line-height:17px;}
.hList span.num{ float:left; background:url(../images/about/number.gif) no-repeat; width:17px; text-align:center; color:#fafafa}
.hList span.Txt{ float:right; width:569px; color:#7d8089;}
/*---------集团背景手风琴-------------*/


/*---------企业荣誉年份切换-------------*/
.slideText{ height:33px; width:555px; overflow:hidden; position:relative}
.btnPrev,.btnNext{width:30px; height:31px; border:1px solid #b7bcc2; position:absolute;top:0; z-index:1;}
.btnPrev{ left:0;}
.btnNext{ right:0; }
.btnPrev a,.btnNext a{ display:block; width:100%; height:100%;}
.btnPrev a{ background:url(../images/about/prev.jpg) no-repeat; }
.btnNext a{background:url(../images/about/next.jpg) no-repeat; }
.btnPrev a:hover{ background:url(../images/about/prev_1.jpg) no-repeat;}
.btnNext a:hover{ background:url(../images/about/next_1.jpg) no-repeat;}

.slideCont{ margin-left:38px;}
.slideCont li{ padding:0 15px; margin-right:5px; background:url(../images/about/y_bgg.jpg) repeat-x; height:31px; line-height:31px; border:1px solid #434d68;}
.slideCont li a{color:white; font-weight:700; font-size:14px;}
.slideCont li.active{background:url(../images/about/y_bjj.jpg) repeat-x; }
.honner{ margin-top:20px; padding:0 38px;}
.honner li{ line-height:24px; padding:10px;}
.honner .li p{ line-height:24px; padding:10px;}

/*---------企业荣誉年份切换-------------*/



/*---------招聘信息手风琴-------------*/
.slidebox_1{ width:100%; height:auto !important; height:100px; min-height:100px;}
.slidebox_1 li{ margin-bottom:10px; background:#d8d9d8; overflow:hidden}
.slidebox_1 li.down{ background:white; padding-bottom:20px;}
.slidebox_1 li h1{ font-size:14px; padding:0 10px; display:block; height:59px; line-height:59px; overflow:hidden; font-family:Arial; color:white; background: url(../images/about/up.gif) no-repeat 607px center}
.slidebox_1 li.down h1{background: url(../images/about/down.gif) no-repeat 607px center white; color:#687383}
.slidebox_1 li div.hCont{ display:none; border-top:1px solid #cccccc; padding:20px 10px 0 10px}
/*内容区*/
.hTxt{ margin-bottom:20px;}
.hTxt p{ line-height:22px;}
.span1,.span2,.span3{ padding-left:30px; height:24px; line-height:24px;}
.span1{ background:url(../images/public/add.gif) no-repeat left center;}
.span2{ background:url(../images/public/talk.gif) no-repeat left center;}
.span3{ background:url(../images/public/letter.gif) no-repeat left center;}
/*---------招聘信息手风琴-------------*/


/*---------项目中心热销项目左右切换案例----------*/
.casescroll{ position:relative; background:#d2d3d2; padding:10px;}
#prev01,#next01{ position:absolute; top:69px; width:17px; height:24px;display:block;}
#prev01{left:15px;_left:-2px; background:url(../images/public/prev.png) no-repeat;}
#prev01:hover{ background:url(../images/public/prev_hover.png) no-repeat}
#next01{ right:15px;background:url(../images/public/next.png) no-repeat;}
#next01:hover{ background:url(../images/public/next_hover.png) no-repeat}

/*.casebox{ width:564px; height:135px; margin:0 auto; overflow:hidden}
.casebox ul{ width:569px;}
.casebox li{ float:left; width:136px; height:135px; margin-right:5px;}*/
.casebox{ width:810px; height:154px; margin:0 auto; position:relative; overflow:hidden}
.casebox ul{ position:absolute;}
.casebox li{ float:left; width:154px; height:154px; margin-right:10px;}
.casebox li a{ display:block; height:100%; width:100%; position:relative}
.casebox li a img{ width:154px; height:154px;}
.casebox li a span{ position:absolute; left:0; bottom:0; display:block; width:100%; height:30px; background:url(../images/public/subnavbg.jpg) repeat-x; text-align:center; line-height:30px; color:white}

/*---------项目中心热销项目左右切换案例----------*/



/*---------项目详细左右切换点击小图变大图案例----------*/
/*.zoompic{width:686px;height:332px;background: url(../images/public/loading.gif) no-repeat 50% 50%; overflow:hidden}
.sliderbox{ width:686px; height:72px; overflow:hidden; position:relative}
.sliderbox .arrow-btn{width:32px;height:72px;cursor:pointer; position:absolute; top:7px;}
.sliderbox #btn-left{background:url(../images/public/arrow-left.jpg) no-repeat; left:0;}
.sliderbox #btn-right{background:url(../images/public/arrow-right.jpg) no-repeat; right:0}
.sliderbox .slider{height:72px;width:618px; padding-top:7px;position:relative; overflow:hidden;margin:0 0 0 33px;}
.sliderbox .slider ul{position:absolute;left:0;}
.sliderbox .slider li{float:left;width:144px;height:68px;text-align:center; margin-right:7px;}
.sliderbox .slider li img{ }
.sliderbox .slider li.current img{border:2px solid white;width:140; height:64px;}*/


.zoompic{width:732px;height:428px;background: url(../images/public/loading.gif) no-repeat 50% 50%; overflow:hidden; float:left;}
.zoompic img{ width:100%; height:100%;}
.sliderbox{ width:204px; height:408px; padding:10px 13px; position:relative; float:right;}
.sliderbox .arrow-btnR,.sliderbox .arrow-btnL{ display:block;width:102px;height:38px;cursor:pointer; position:absolute; bottom:5px;}
.sliderbox .arrow-btnL{background:url(../images/case/btns.jpg) no-repeat 0 0; right:115px;}
.sliderbox .arrow-btnR{background:url(../images/case/btns.jpg) no-repeat -102px 0; right:13px}
.sliderbox .slider{height:368px;width:204px;position:relative; overflow:hidden;}
.sliderbox .slider ul{position:absolute;left:0; top:0;}
.sliderbox .slider li{width:204px;height:120px;text-align:center; vertical-align:top; margin-bottom:4px; cursor:pointer}
.sliderbox .slider li img{ vertical-align:top; width:204px;height:120px;}
.sliderbox .slider li.current img{border:2px solid white;width:200px; height:116px;}

/*---------项目详细左右切换点击小图变大图案例----------*/
