﻿/*首页钢泰产业 */ 
.industryWrap{height:185px; background: #fff;/*f5f5f5*/ position: relative; padding:0 0 0 20px;}
.industry{width:1260px; position:absolute; margin:0 auto;left: 50%;margin-left: -630px;  top:30px; z-index: 99;}
.industry h2{width:182px; height:93px; padding:20px 0 0 20px; font-size:21px; position: relative; background: #fff;color:#000;}
.industry h2 span{display:block; margin:0px 0 0 0; color:#5E9EED; font-size: 20px; line-height:25px;font-family:'微软雅黑'; font-weight:normal;}
.industry h2 a{display: block; position: absolute; right:0; bottom: 0; width:107px; height:26px; text-indent: -9999px; background: url(../images/more_i.png) no-repeat 0 0; background-size:107px 27px;}
.industry ul li{float:left;}
.industry ul li a{display: block; width:270px; height:95px; padding:50px 0 0 0px; margin-left:150px; font-size: 16px; font-weight:bold; color: #fff; text-align: left;}
.industry ul li span{display: block; text-align: left; font-size: 18px;font-family:'微软雅黑'; font-weight:normal;}
.industry ul li.estate{/*background: #70B2EE url(/newspic/gangtai_chanye1.png) no-repeat center 40%;*/background-color:#6DB1F0;}
.industry ul li.estate a{display: block; width:230px; height:100px; padding:45px 0 0 0px; margin-left:190px; font-size: 18px; font-weight:bold; color: #fff; text-align: left;}
.industry ul li.construction{/*background: #609EE9 url(/newspic/gangtai_chanye4.png) no-repeat center 40%; */background-color:#ABE0CC ;}
.industry ul li.construction a{display: block; width:240px; height:100px; padding:45px 0 0 0px; margin-left:180px; font-size: 16px; font-weight:bold; color: #fff; text-align: left;}
.industry ul li.crane{background-color: #A2B8DF ;}
.industry ul li.crane a{display: block; width:220px; height:100px; padding:45px 0 0 0px; margin-left:200px; font-size: 16px; font-weight:bold; color: #fff; text-align: left;}

/*首页新闻动态*/
.indexNews{width:1100px; margin:45px auto 0;}
@media only screen and (max-width:1440px){.indexNews{width:1100px; margin:40px auto 0;}}

.indexNews h3{height:70px; line-height: 70px; background:#9299A4; color: #fff;}
.indexNews h3 span{display: inline-block; width:240px; font-size: 25px; text-align: center; background:#5B9CF0;}
.indexNews h3 i{font-size:24px; padding-left: 46px;font-family:'Microsoft YaHei'; font-weight:normal;letter-spacing: 1px;}
.indexNews h4{font-size:20px; width:240px; color: #656d79; padding:68px 0 0 0;}
.indexNews h4 span{display:block; color:#5b9cf0; font-size:25px;font-family:'Microsoft YaHei'; font-weight:normal;letter-spacing: 1px; width:80%;}
.indexNews .title{width:1100px; height:30px; padding: 0px 0px 5px 0px; margin:0 auto; font-size: 20px; color:#231815; background: #fff; border-bottom:1px solid #b9bcc3;font-weight: bold;}
.indexNews .title a i{ color:#231815;font-family:'微软雅黑';font-weight: normal;}
.indexNews .title span{display:inline-block; font-size: 21px;color:#589af1; padding: 0px 0px 0 20px; line-height: 30px; font-family:'Microsoft YaHei'; font-weight:normal;letter-spacing: 1px;}
.indexNews .title a p{display:inline-block; font-size: 21px;color:#231815; float:right; padding: 0px 16px 0 20px; line-height: 30px;  font-family:'微软雅黑';font-weight:normal;letter-spacing: 1px;}
.ind_newleft{ width:353px; float:left;}
.ind_newleft ul{ height:180px; padding:15px 0 20px;}
.ind_newleft ul li{ width:100%;height:31px; line-height:31px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind_newleft ul li a{ color:#231815;font-family:'微软雅黑';font-weight: normal; font-size:14px;}
.ind_newleft ul li a:hover{  color:#5c9def;}

.ind_newcent{ width:353px; max-height:142px; overflow:hidden; float:left; padding:25px 20px;}
.ind_newcent img{ width:353px; height:auto;}

.ind_newright{ width:353px; float:right;}
.ind_newright ul{ height:180px; padding:15px 0 20px;}
.ind_newright ul li{ width:100%;height:31px; line-height:31px; text-align:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind_newright ul li a{ color:#231815;font-family:'微软雅黑';font-weight: normal; font-size:14px;}
.ind_newright ul li a:hover{  color:#5c9def;}

.newsSlide{position:relative;height:286px;width:860px;}
.slide{margin:38px 0 0px 0;width:860px;height: 280px;position: relative;overflow: hidden;}
.slide_c{position: absolute;width: 5000px;height: 286px;top: 0;left: 0;}
.slide_c ul{width:880px;float: left; margin:0px 0 0 20px; }
.slide_c ul li{float: left;width:278px;height: 320px;margin:0px 4px; }
.slide_c ul li a{display: block; width:268px;}
.slide_c ul li img{width:268px; height:166px;}
.slide_c ul li span{display: block;font-size: 16px; color: #a8b3c0; margin-top:5px;}
.slide_c ul li h5{border-bottom:2px solid #e6e9ee;height:25px; line-height:25px;width:268px;}
.slide_c ul li h5 span{font-size: 14px; color: #a8b3c0; position: relative; height:14px; line-height:14px;width:270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.slide_c ul li h5 i{display: block; width:104px; height:2px; background:#666; margin-top:11px; display:block;  position:absolute; z-index:1000000;}
.slide_btn{position:absolute;bottom:20px;left:-240px;width:242px;height:24px; border-top:2px solid #ddd;}
.slide_prev{display:inline-block; width:31px; height:22px; margin:0 -6px 0 181px; overflow: hidden; background:url(../images/slide_left_arrow.png) no-repeat 0 0; background-size:100%;}
.slide_next{display:inline-block; width:32px; height:22px; overflow: hidden; background:url(../images/slide_right_arrow.png) no-repeat 0 0; background-size:100%;}

/*首页研发制造*/
.researchWrap{height:325px; background: #fff;}
.research{width:1100px; margin:0 auto;}
/*.research h3{height:70px; line-height: 70px; background:#9299A4; color: #fff;}
.research h3 span{display: inline-block; width:240px; font-size: 25px; text-align: center; background:#5B9CF0;}
.research h3 i{font-size:25px; padding-left: 46px;font-family:'Microsoft YaHei'; font-weight:normal; letter-spacing: 1px;}*/
.research ul{width:1120px; margin:15px 0 0 -20px;}
.research ul li{float:left; display:inline; width:353px; height:266px; margin:0  0 0 20px; position:relative; }
.research ul li img{width:353px; height:200px; border-bottom:5px solid #5d9cec;}
.research ul li a{display:block; width:353px; height:solid; position: relative;}
.research ul li a h3{width:100px; height:30px; line-height:30px; text-align: center; font-size:18px; background:#5d9bec; color:#fff; 
overflow:hidden; display: block; position: absolute; left:0; bottom: 0; z-index: 999;border-radius:0px 5px 0px 0;}
.research ul li a h4{max-width:230px; height:30px; line-height:30px; text-align: left; padding-left:10px; font-size:18px; color:#fff; overflow:hidden;
 display: block; position: absolute; left:100px; bottom: 0; z-index: 999; font-family:'Microsoft YaHei'; font-weight:normal;letter-spacing: 1px;}
 .research ul li a p{max-width:353px; height:88px; line-height:22px; text-align: left; padding-left:0px; font-size:14px;color:#231815;overflow: hidden;

 display: block; position: absolute; left:0px; bottom: 0; top:220px; z-index: 999;  font-family:'微软雅黑'; font-weight:normal;}

/*首页工程案例*/
.indexCase{width:1100px;margin:0 auto; overflow:hidden;  }
.indexCase ul{width:1100px; margin:0 auto; padding:25px 0 20px 5px;}
.indexCase ul li{float:left; display:inline; width:215px; height:206px; margin:0 5px 15px 0;}
.indexCase .title{width:1100px; height:30px; padding: 0px 0px 5px 0px; margin:0 auto; font-size: 20px; color:#231815; background: #fff; border-bottom:1px solid #b9bcc3;font-weight: bold;}
.indexCase .title i{font-family:'微软雅黑'; font-weight: normal;}
.indexCase .title span{display:inline-block; font-size: 21px;color:#589af1; padding: 0px 0px 0 20px; line-height: 30px; font-family:'Microsoft YaHei'; font-weight:normal;letter-spacing: 1px;}
.indexCase ul li a{display: block; width:215px; height:120px; position: relative;}
.indexCase ul li img{width:215px; height:120px;}
.indexCase ul li a h3{width:215px; height:20px; line-height:20px;  padding-top:140px; font-size: 16px; color: #000; text-align: center; position: absolute; left:0; top:0px;
 transition:all ease-out .8s; z-index:99; font-weight:bold; font-family:'微软雅黑';}
.indexCase ul li a h4{width:185px; height:36px;line-height:18px; padding:170px 15px 0; font-size: 13px; color: #000; text-align: center; position: absolute; left:0; top:0px;font-family:'微软雅黑'; letter-spacing: 1px;font-weight:normal;
     transition:all ease-out .8s;z-index:99;
}

.indexCase ul li:hover a h3{ display:block;}
.indexCase ul li:hover a h4{ display:block; }
.indexCase ul li a img{width:216px; height:120px;  padding-top:0px; text-align: center; position: absolute; left:0; top:0px; transition:all ease-out .8s;   }
.indexCase ul li:hover a img{ display:block; background: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index:2;}



 /* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 走进钢泰  ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*钢泰房产*/
/*.industrys{width: 805px; height:795px; margin:30px auto; position: relative; background: url(/images/about_pic.png) no-repeat 0 0;}
.industrys li a{color:#fff; font-size: 26px;}
.industrys li.one{position:absolute; top:80px; left:350px;}
.industrys li.two{position:absolute; top:290px; left:630px;}
.industrys li.three{position:absolute; top:620px; left:520px;}
.industrys li.four{position:absolute; top:620px; left:200px;}
.industrys li.five{position:absolute; top:290px; left:80px;}*/

/*.industrys{width: 730px; height:721px; margin:30px auto; position: relative; background: url(/images/about_pic.jpg) no-repeat 0 0;}
.industrys li a{color:#fff; font-size: 26px;}
.industrys li.one{position:absolute; top:80px; left:290px;}
.industrys li.two{position:absolute; top:245px; left:520px;}
.industrys li.three{position:absolute; top:520px; left:420px;}
.industrys li.four{position:absolute; top:520px; left:160px;}
.industrys li.five{position:absolute; top:245px; left:60px;}
*/

.industrys{width: 730px; height:721px; margin:30px auto; position: relative; background: url(/images/about_pic.jpg) no-repeat 0 0;}
.industrys li a{color:#fff; font-size: 23px;}
.industrys li.one{position:absolute; top:70px; left:290px;}
.industrys li.two{position:absolute; top:195px; left:520px;}
.industrys li.three{position:absolute; top:440px; left:520px;}
.industrys li.four{position:absolute; top:460px; left:80px;}
.industrys li.five{position:absolute; top:195px; left:60px;}
.industrys li.six{position:absolute; top:550px; left:300px;}

/*新闻*/
.news li{height:35px; line-height: 35px;}
.news li a{display:inline-block; width:700px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #595757; font-size:16px;}
.news li i{display:inline-block; float: left; width:4px; height:4px; border-radius: 2px; margin:16px 6px 0 0; background: #595757; overflow: hidden;}

/*公司新闻内页样式*/
.ny{text-align:justify; text-justify:inter-ideograph;}
.ny h3.biaoti{margin:14px 0 25px 0; font-size:23px; color:#656d79;}
.ny h4.mess{color:#ccd0d9; font-size:16px; font-weight:normal;}


.con{min-height:325px; _height:325px; line-height:26px; font-size: 16px; color:#656d79; text-indent:2em;}
.con img{max-width:100%; height:auto; color:#666;}
.con p{margin-bottom:18px;}


/*制造设备*/
.equipment{margin:20px 0 0 0;}
.equipment li{position: relative; margin: 0 0 20px 0;}
.equipment li h3{width:167px; height:38px; line-height:38px; padding: 0 0 0 20px; background:#646d78; font-size:18px; color: #fff;}
.equipment li .intro{text-indent:2em; font-size:16px; padding: 10px 0 0 0; color: #656d79;}
.equipment li a{position: absolute; right:0;  bottom:-20px; text-indent: -9999px; overflow: hidden; display: block; width:39px; height:17px; background: url(../images/double_arrow.png) no-repeat 0 0; background-size:50%;}


/*联系我们*/
.contact{font-size: 21px; color: #656d79; line-height: 50px;}

/*产品体系*/
.display{width:780px; margin:0 0 0 0px;}
.display li{width:360px; height:200px; float:left; _display:inline; margin: 0 0 20px 20px; overflow:hidden;}
.display li a{display:block; width:360px; height:200px; position: relative;}
.display li a img{width:360px; height:200px;}
.display li a h3{width:350px; height:40px; line-height:40px; padding-right: 15px; text-align:right; font-size:18px; color:#fff; overflow:hidden; display:none; position: absolute; right:0; bottom: 0; z-index: 999;}
.display li a i.bg{display:none; width:370px; height:40px; background: #598fd4; opacity: 0.6; position: absolute; right:0; bottom: 0;}
.display li a:hover h3,.display li a:hover i.bg{display: block;}
 
/*产品体系详情页*/
.productShow{font-size: 16px; color: #656d79; line-height: 26px; text-indent: 2em;}
.productShow h3{font-size:20px; margin:30px 0 10px 0; text-indent: 0;}
.productShow .picture{
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle;
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-size: 500px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
 width:760px;
 height:528px;
 border: 1px solid #eee;
}
.productShow .picture img{
 /*设置图片垂直居中*/
 vertical-align:middle;
 max-width:760px;
 margin: 0 auto;
}


/*******************************产品体系图片切换效果******************/
.csSlideOuter {width:760px;height:auto; /*height:720px; */margin:20px 0 30px 0px; overflow: hidden;}  
.gallery{width:760px;height:528px;margin:0 0 20px 0; overflow: hidden; }
.gallery li{width: 760px;height:auto; display:block;/* float: left; */margin-right: 6px; height:528px; text-align:center;overflow:hidden; }
.hasActive .gallery li.active {outline: 2px solid #FF0000; outline-offset: -2px;}
.gallery li img {max-width:100%;height:528px;  /*width:100%;height:556px; height:auto;*/ display: block; text-align:center; margin:0 auto;}

/*左右箭头*/
.csAction > a{width:32px; display:block; /*top:260px;*/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:5px;}
.csAction > .csNext{background-position:-32px 0; right:10px;}
.cS-hidden {height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}
.csSlideOuter .csPager.cSGallery{  overflow:hidden;width:186px;height:114px;}
.csSlideOuter .csPager.cSGallery img {display: block; width:186px;height:114px;/*height:118;*/ /* width:196px; height:118px;*/}

.caseintro{width:800px; margin:0 auto; line-height: 24px;}
.caseintro h3{font-size:22px; margin:0 0 15px 0;}

 








/*文化生活*/
.culture li{margin:0 0 20px 0;}
.culture li h3{height:40px; border-bottom:8px solid #e5e7ed; position: relative;}
.culture li h3 i{height:40px; padding:0 35px 0 0; font-size:20px; color:#656d79; display:block; border-bottom:8px solid #646d78; position: absolute; left:0; top:0;}
.culture li .con{font-size:16px; color: #656d79; text-indent:2em; padding:15px 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{float:left; width:263px;height:240px;margin:10px 7px 10px 0; overflow: hidden; line-height:25px; text-align:center
}
.listt3 li img{width:253px; height:190px; margin:0 auto;border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}*/

.listt3 li{float:left; width:245px;height:165px;margin:5px 7px 5px 0px; line-height:25px;
}
.listt3 li img{width:240px; height:163px; margin:0 auto;
   /*border:1px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;*/}
	
.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;}
	
/*人才战略*/
.personnelIntro{text-indent:2em; line-height: 26px; font-size: 16px; color: #656d79;}
.personnelList{margin:30px 0 0 0;}
.personnelList li{ width:70%;height:89px; margin: 0 0 30px 0; overflow: hidden; font-size: 16px; color: #fff; line-height: 27px; padding:30px 60px 0 160px;
 background:#8f96a1 url(../images/head.png) no-repeat 0 0; background-size:16%;}



/*翻页    */
.pagination{text-align:center; margin:10px auto 10px; color:#cfcfcf; float:left; width:100%;}
.pagination a{color:#888; padding:5px 10px; border:1px solid #c3c3c3; margin-right:5px; background:#fff;}
.pagination span{color:#fff; padding:5px 10px; background:#a0a0a0; margin-right:5px;}
.pagination a:hover{color:#333;}

.pages{position:relative; margin:30px auto 0; line-height:30px; color:#656d79; font-size: 16px; border-top:1px solid #999;}
.pages a{color:#656d79;}
.pages a:hover{color:#333;}
/* .pages .back{position:absolute; bottom:25px; 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;} */



/*翻页    */
div#content ul#itemContainer li{display:inline-block;margin:5px;zoom:1;*display:inline;}
div#content ul#itemContainer ll li img{vertical-align:bottom;width:125px;height:125px;}
.holder{margin:55px 0;text-align:center; }
.holder a{ font-family:Arial, Helvetica, sans-serif; font-size:14px;cursor:pointer;margin:0 0px;color:#fff;
padding:7px 10px; border:1px #F2F2F2 solid; color:#333; 
 font-family:Arial, Helvetica, sans-serif;text-decoration:none;
 margin-right:10px;
 }
.holder a:hover{background-color:#eee;color:#5d9cec;text-decoration:none;}
.holder a.jp-previous{margin-right:0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px;padding:8px 8px 7px; 
border-top-left-radius:4px;border-bottom-left-radius:4px;
/*border-right:0;*/
margin-right:10px;

}
.holder a.jp-next{margin-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px 8px 7px; 
 border-top-right-radius:4px;border-bottom-right-radius:4px;border:1px #F2F2F2 solid;
}
.holder a.jp-current, a.jp-current:hover{color:#fff;font-weight:bold; border:1px #F2F2F2 solid;  background-color:#5d9cec;
margin-right:10px;
/*border-right:0;*/

}
.holder a.jp-disabled, a.jp-disabled:hover{color:#ccc; text-decoration:none;margin-right:10px;}
.holder a.jp-current, a.jp-current:hover,.holder a.jp-disabled, a.jp-disabled:hover{text-decoration:none;cursor:default;/*background:none;*/}
.holder span{margin:0 5px;}


.showMorehandle{background:url(/src/img/public/more.png) no-repeat 0 0;  height:26px; width:137px;left:30%; 
display:none; cursor:pointer;
font-size:0;
line-height:0;
text-indent:-9999px; margin:0px auto 80px; padding-bottom:80px;}

.showMorehandlem{background:url(/src/img/public/morew.png) no-repeat 0 0;  height:26px; width:137px;left:30%; 
display:none; cursor:pointer;
font-size:0;
line-height:0;
text-indent:-9999px; margin:0px auto 80px; padding-bottom:80px;}


 
 
.showMorehandlec{background:url(/src/img/public/mores.png) no-repeat 0 0; height:26px; width:137px;
display:block; cursor:pointer;
font-size:0;
line-height:0;
text-indent:-9999px; margin:20px auto 0; padding:20px 0 0;}
