/*首页资讯资讯 */ 
.indexNews h2{padding:0 20px 0; font-size:13px; color:#fff; background: #9197a2;font-family:'微软雅黑'; font-weight:normal;}
.indexNews h2 span{display:inline-block; height:46px; line-height: 46px; margin:0 10px 0 0; padding:0 20px; font-size:14px;background:#5d94ce;font-family:"微软雅黑";}
.indexNews .newsList{margin: 15px 0 10px 0; padding: 0 20px;}
.indexNews .newsList li{padding:15px 0; border-top: 3px solid #e6e8ec; position: relative;}
.indexNews .newsList li a{display: block;}
.indexNews .newsList li .time{color:#595656; font-size:16px;font-family:'微软雅黑'; font-weight:normal;}
.indexNews .newsList li h3{font-size:13px; color:#666; height:40px; line-height:20px; overflow:hidden;} 
.indexNews .newsList li i{display: block; width:100px; height:3px; background: #656d78; position: absolute; top:-3px; left:0;}

/*首页钢泰产业*/
.indexIndustry h2{padding:0 20px 0; font-size:13px; color:#fff; background: #9197a2;font-family:'微软雅黑'; font-weight:normal;}
.indexIndustry h2 span{display:inline-block; height:46px; line-height: 46px; margin:0 10px 0 0; padding:0 20px; font-size:14px; background:#5d94ce;font-family:"微软雅黑";}
/*.indexIndustry ul{padding:0 20px; margin:15px 0; background:#e6e8ec;}
.indexIndustry ul li{float:left; width:33.33%; height:auto;}
.indexIndustry ul li img{width:100%;}*/
.indexIndustry ul{padding:0 20px; margin:15px 0; background:#e6e8ec;}
.indexIndustry ul li{float:left; width:33.3%; height:140px;}
.indexIndustry ul li a{display: block; width:100%; height:60px; margin-top:90px; font-size: 14px; color: #fff; text-align: center;font-family:"微软雅黑"; font-weight:normal;}
.indexIndustry ul li span{display: block; text-align: center; font-size: 10px;height:26px; line-height:13px;font-family:'Crimson'; font-weight:normal;}
@media only screen and (max-width:380px)
{
.indexIndustry ul li{float:left; width:33.3%; height:100px;}
.indexIndustry ul li a{display: block; width:100%; height:35px; margin-top:50px; font-size: 13px; color: #fff; text-align: center;font-family:"微软雅黑"; font-weight:normal;}
.indexIndustry ul li span{display: block; text-align: center; font-size: 10px;height:26px; line-height:13px;font-family:'Crimson'; }

}
.indexIndustry ul li.estate{/*background: #70B2EE url(/newspic/gangtai_chanye1.png) no-repeat center 40%;*/background-color:#70B2EE;}
.indexIndustry ul li.construction{/*background: #609EE9 url(/newspic/gangtai_chanye4.png) no-repeat center 40%; */background-color:#609EE9 ;}
.indexIndustry ul li.crane{background-color: #4E8BD9 ;}




/*钢泰房产*/
.industrys{width: 260px; height:257px; margin:30px auto; position: relative; background: url(/images/about_pic.png) no-repeat 0 0; background-size:260px 257px;}
.industrys li a{color:#fff; font-size: 14px;}
.industrys li.one{position:absolute; top:25px; left:75px;}
.industrys li.two{position:absolute; top:86px; left:162px;}
.industrys li.three{position:absolute; top:195px; left:122px;}
.industrys li.four{position:absolute; top:195px; left:25px;}
.industrys li.five{position:absolute; top:86px; left:-15px;}






/*首页研发制造*/
.indexResearch h2{padding:0 20px 0; font-size:13px; color:#fff; background: #9197a2;font-family:'微软雅黑'; font-weight:normal;}
.indexResearch h2 span{display:inline-block; height:46px; line-height: 46px; margin:0 10px 0 0; padding:0 20px; font-size:14px; background:#5d94ce;font-family:"微软雅黑";}
.indexResearch ul{padding:0 20px; margin:15px 0 15px -1%;}
.indexResearch ul li{float:left; width:32.33%; margin-left:1%;  height:auto;}
.indexResearch ul li img{width:98%; text-align: center;}


/*首页工程案例*/
.indexCase h2{padding:0 20px 0; font-size:13px; color:#fff; background: #9197a2;font-family:'微软雅黑'; font-weight:normal;}
.indexCase h2 span{display:inline-block; height:46px; line-height: 46px; margin:0 10px 0 0; padding:0 20px; font-size:14px; background:#5d94ce;font-family:"微软雅黑";}
.indexCase .caseWrap{padding:15px 20px;}
.indexCase .caseWrap .big{width:50%; height:210px; position: relative;}
@media only screen and (max-width:380px)
{
.indexCase .caseWrap .big{width:50%; height:110px; position: relative;}
	}
.indexCase .caseWrap .big h3{font-size:14px; color: #fff; width:100%; text-align:center; position: absolute; top:35%; left:0;font-family:"微软雅黑"; font-weight: bold;}
.indexCase .caseWrap .big h4{font-size:12px; color: #fff; width:100%; text-align:center; position: absolute; top:55%; left:0;font-family:'Crimson'; font-weight: normal;}
.indexCase .caseWrap .big img{width:100%; height: 100%;}
.indexCase .caseWrap .small{width:50%; height:210px; margin-left:-2%;}
.indexCase .caseWrap .small li{width:48%; height:108px; float: left; position: relative;margin-left:2%;}
.indexCase .caseWrap .small li img{width:100%;height:102px; margin:0 auto;}
@media only screen and (max-width:380px)
{
.indexCase .caseWrap .big h3{font-size:13px; color: #fff; width:100%; text-align:center; position: absolute; top:35%; left:0;font-family:"微软雅黑"; font-weight: bold;}
.indexCase .caseWrap .big h4{font-size:11px; color: #fff; width:100%; text-align:center; position: absolute; top:55%; left:0;font-family:'Crimson'; font-weight: normal;}
.indexCase .caseWrap .small{width:50%; height:110px; margin-left:-2%;}
.indexCase .caseWrap .small li{width:48%; height:57px; float: left; position: relative;margin-left:2%;}
.indexCase .caseWrap .small li img{width:100%; height:54px; margin:0 auto;}
	}

.indexCase .caseWrap .small li h3{font-size:12px; color: #fff; width:100%; text-align:center; position: absolute; top:30%; left:0;font-family:"微软雅黑";font-weight: bold;}
.indexCase .caseWrap .small li h4{font-size:10px; color: #fff; width:100%; text-align:center; position: absolute; top:50%; left:0;font-family:'Crimson'; font-weight:normal;}
@media only screen and (max-width:380px)
{
.indexCase .caseWrap .small li h3{font-size:8px; color: #fff; width:100%; text-align:center; position: absolute; top:20%; left:0;font-family:"微软雅黑";font-weight: bold;}
.indexCase .caseWrap .small li h4{font-size:8px; color: #fff; width:100%; text-align:center; position: absolute; top:40%; left:0;font-family:'Crimson'; font-weight:normal;}
	}

/*首页联系方式*/
.indexContact{background:#9197a2; color: #fff; padding: 15px 20px; float:left; margin-top:15px;}

/*新闻*/
.news{padding:0 20px 30px;}
.news li{height:30px; line-height: 30px;}
.news li a{display:inline-block; width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #595757; font-size:14px;}
.news li i{display:inline-block; float: left; width:4px; height:4px; border-radius: 2px; margin:12px 6px 0 0; background: #595757; overflow: hidden;}

/*公司新闻内页样式*/
.ny{text-align:justify; text-justify:inter-ideograph; padding:0 20px;}
.ny h3.biaoti{margin:0 0 15px 0; font-size:18px; color:#666;}
.ny h4.mess{color:#ccd0d9; font-size:16px; font-weight:normal;}
.con{min-height:325px; _height:325px; line-height:24px; font-size: 14px; color:#656d79;text-indent:2em;}
.con img{max-width:100%; height:auto; color:#666;}
.con p{margin:0 0 10px 0;}


/*产品体系*/ 
.display{margin:0 0 20px 0;}
.display li{width:48%; height:165px; float:left; margin:0px 0 15px 0;}
.display li a{display:block; width:100%; height:165px; position: relative;}
.display li a img{width:100%; height:165px;}
@media only screen and (max-width:380px)
{
.display li{width:48%; height:80px; float:left; margin:0px 0 15px 0;}
.display li a{display:block; width:100%; height:85px; position: relative;}
.display li a img{width:100%; height:85px;}
	}
.display li a h3{width:100%; height:30px; line-height:30px; padding: 0px 5px; text-align:right; font-size:14px; color:#fff; overflow:hidden; position: absolute; right:0; bottom: 0; z-index: 999;}
.display li a i.bg{width:100%; height:30px; background: #598fd4; opacity: 0.6; position: absolute; right:0; bottom: 0;}
 
/*产品体系详情页*/
.productShow{font-size:14px; color: #656d79; text-indent: 2em;}
.productShow h3{font-size:18px; margin:20px 0 10px 0; text-indent: 0;}
.productShow .picture{
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle;
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
 width:100%;
 height:200;
 border: 1px solid #eee;
}
.productShow .picture img{
 /*设置图片垂直居中*/
 vertical-align:middle;
 max-width:100%;
 margin: 0 auto;
}

 
/*人才战略*/
.personnelIntro{text-indent:2em; line-height:24px; font-size:16px; color: #656d79;}
.personnelList{margin:20px 0 0 0;}
.personnelList li{height:70px; margin: 0 0 20px 0; overflow: hidden; font-size:12px; color: #fff; line-height:22px; padding:10px 10px 0 90px; background:#8f96a1 url(../images/head.png) no-repeat 0 0;}

/*制造设备*/
.equipmentIntro{padding:10px 0 15px; text-indent:2em;}
.equipmentIntro p{margin-bottom:10px;}
.equipment li{position: relative; margin: 0 0 20px 0;}
.equipment li h3{width:80px; height:26px; line-height:26px; padding: 0 0 0 10px; background:#646d78; font-size:14px; color: #fff;}
.equipment li .intro{text-indent:2em; font-size:14px; padding: 10px 0 0 0; color: #656d79;}
.equipment li a{position: absolute; right:10px; bottom:0; text-indent: -9999px; overflow: hidden; display: block; width:15px; height:7px; background: url(../images/double_arrow.png) no-repeat 0 0; background-size:15px 7px}


/*设计团队*/
.teamIntro{padding:15px 0;}
.teamList{padding:0 0 20px 0;}
.teamList li{width:50%; height:100px; float: left; margin:10px 0 10px 0; overflow: hidden;}
.teamList li img{width:95%; height:100px; margin:0 auto; text-align:center;}

 
/*文化生活*/
.culture li{margin:0 0 0px 0; }
.culture li{margin:0 0 10px 0; float:left;}
.culture li h3{height:30px; border-bottom:3px solid #e5e7ed; position: relative;}
.culture li h3 i{height:30px; padding:0 25px 0 0; font-size:16px; color:#656d79; display:block; border-bottom:3px solid #646d78; position: absolute; left:0; top:0;}
.culture li .cons{font-size:14px; color: #656d79; text-indent:2em; padding:10px 0 0 0;}

.list3 li{float:left; width:253px;margin:10px 7px 10px 0; overflow: hidden; border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}
.list3 li img{width:253px; height:190px; margin:0 auto;}




.listt3 li{width:47%; height:190px; float:left; margin:10px 0 10px 0; margin-left:2%;}
.listt3 li img{margin:0 auto; width:100%; height:190px;}
.listt3 li h3{height:30px;font-size:16px; font-weight:normal; line-height: 15px; margin:10px 0 0 0; text-align: right; width:100%; overflow: hidden;}


@media only screen and (max-width:380px){
.listt3 li{width:47%; height:95px; float:left; margin:5px 0 5px 0; margin-left:1%;}
.listt3 li img{margin:0 auto; width:100%; height:95px;}
.listt3 li h3{height:30px; font-size:14px; font-weight:normal; line-height: 15px; margin:5px 0 0 0; text-align: right; width:100%; overflow: hidden;}
}
	
	
.staff li{width:47%; height:190px; float:left; margin:10px 0 10px 0; margin-left:2%;}
.staff li img{margin:0 auto; width:100%; height:190px;}
.staff li h3{height:30px;font-size:16px; font-weight:normal; line-height: 15px; margin:10px 0 0 0; text-align: right; width:100%; overflow: hidden;}


@media only screen and (max-width:380px){
.staff li{width:47%; height:95px; float:left; margin:5px 0 5px 0; margin-left:1%;}
.staff li img{margin:0 auto; width:100%; height:95px;}
.staff li h3{height:30px; font-size:14px; font-weight:normal; line-height: 15px; margin:5px 0 0 0; text-align: right; width:100%; overflow: hidden;}
}

/*翻页    */
.pagination{text-align:center; margin:20px auto 20px; color:#cfcfcf;}
.pagination a{color:#888; padding:3px 8px; border:1px solid #c3c3c3; margin-right:5px; background:#fff;}
.pagination span{color:#fff; padding:4px 8px 4px 8px; background:#a0a0a0; margin-right:5px;}
.pagination a:hover{color:#333;}

.pages{position:relative; margin:40px auto 20px; line-height:24px; color:#666; border-top:1px solid #999;}
.pages a{color:#666;}
.pages a:hover{color:#333;}
.pages .back{position:absolute; bottom:15px; right:-4px; display:block; width:73px; height:25px; line-height:25px; text-align:center; color:#333; background:#cfcfcf;}
.pages .back:hover{color:#333; text-decoration:underline;}

/*******************************工程案例图片切换效果******************/


@media only screen and (max-width:680px){
	.csSlideOuter {width:100%; height:480px; overflow: hidden;}  
.gallery{width:100%; height:380px; margin:0 0 10px 0; overflow: hidden;}
.gallery li{width:100%; display:block; float: left; margin-right: 6px; height:380px;}
.hasActive .gallery li.active {outline: 2px solid #FF0000; outline-offset: -2px;}
.gallery li img {height:380px; width:100%; margin:0; display: block;}
}
@media only screen and (max-width:380px){
	.csSlideOuter {width:100%; height:320px; overflow: hidden;}  
.gallery{width:100%; height:220px; margin:0 0 10px 0; overflow: hidden;}
.gallery li{width:100%; display:block; float: left; margin-right: 6px; height:220px;}
.hasActive .gallery li.active {outline: 2px solid #FF0000; outline-offset: -2px;}
.gallery li img {height:220px; width:100%; margin:0; display: block;}
}



/*左右箭头*/
.csAction > a{width:32px; display:block; top:50%; height:32px; background-image:url('../images/controls.png'); cursor:pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s;
}
.csAction > a:hover{opacity:1;}
.csAction > .csPrev{background-position:0 0; left:10px;}
.csAction > .csNext{background-position:-32px 0; right:10px;}
.cS-hidden {height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}

.csSlideOuter .csPager.cSGallery img {display: block; width:196px; height:60px; margin:0;}

.caseintro{width:100%; margin:0 auto; line-height: 24px;}
.caseintro h3{font-size:20px; margin:0 0 10px 0;}