﻿/*首页案例*/
.wrap{background:#efefef; padding:18px 0 45px 0;}
.indexCase{width:1200px; margin:0 auto;}
.indexCase h2{position: relative; margin:0 0 15px 0;}
.indexCase h2 a{display:block; width:51px; height:11px; background:url(../images/more.png) no-repeat 0 0; position: absolute; right:0; top:0px; text-indent: -9999px;}
 
.caseImg{width:1200px; height:522px; margin:0 auto; position:relative;}
.caseImg ul{width:100%; height:100%; margin:0 auto;}
.caseImg li{width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.caseImg li a{display:block; width:100%; height:522px;}
.caseImg .num{width:1200px; height:10px; text-align:center; position: relative; top:16px; margin:0 auto;}
.caseImg .num a{ display:inline-block; width:12px; height:12px; background:#baddec; border-radius:6px; margin-left:5px;}
.caseImg .num a.cur{background:#3fb5e6; opacity: 0.6;}

/*首页行业资讯 */ 
.indexNewsWrap{height:244px; background: #efefef;}
.indexNews{width:1200px; margin:0 auto; padding:52px 0 0 0;  position:relative;} 
.indexNews h2{position: relative;}
.indexNews h2 a{display:block; width:51px; height:11px; background:url(../images/more.png) no-repeat 0 0; position: absolute; right:-1097px; top:-20px; text-indent: -9999px;}
.indexNews .newsList{width:700px; margin:-16px 0 0 60px; overflow:hidden;}
.indexNews .newsList li{float:left;width:700px;height:32px;text-overflow:ellipsis; overflow:hidden; line-height:32px;border-bottom:1px dotted #ccc;}
.indexNews .newsList li a{ color:#666; font-size:16px;}
.indexNews .newsList li a:hover{ color:#106EB4; font-size:16px; }
.indexNews .newsList li span{ float:right; width:105px; line-height:32px; font-size:14px;font-family: Arial, Helvetica, sans-serif; color:#A3A3A3 }

/*.indexNews .newsList li{color:#666; line-height:26px;}
.indexNews .newsList li p{color:#666; font-size:16px; }
.indexNews .newsList li a span{display:inline-block; width:680px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:18px;} */
.indexNews .newsList li .intros{padding:10px 0 0 0; line-height: 32px; width:100%; height:96px; font-size:14px; color:#A6A5A5; overflow: hidden;text-overflow: ellipsis;}
.pics img{width:276px; height:160px; border:1px solid #fff; margin-top:-10px;}

/*首页创新技术*/
.technology{width:1200px; padding:17px 0 25px 0; margin:0 auto;}
.technology h2{position: relative; margin:0 0 15px 0;}
.technology h2 a{display:block; width:51px; height:11px; background:url(../images/more.png) no-repeat 0 0; position: absolute; right:0; top:0px; text-indent: -9999px;}

/*首页视频*/
.video{width:1200px; height:730px; margin:50px auto;}
.body-left {
  width: 1200px;
  float: left;
  position: relative;
}
.audio{margin-top:20px}

.video1{width:200px; height:134px; }
.body-left1 {
  width: 200px;

  float: left;
  position: relative;
}

/*工程案例列表*/

.display{margin:30px 0 0 -10px;}
.display li{width:248px; height:244px; float:left; _display:inline; margin-left:30px; margin-bottom:10px; overflow:hidden;}
.display li h3{width:248px; height:54px; line-height:44px; text-align:center; font-size:15px; overflow:hidden;}
.display li h3 a{color:#666;}
.display li h3 a:hover{color:#333;} 
.display li .picBox{width:248px; height:188px; overflow:hidden;}
.display li .picImgBox{width:248px; height:188px; line-height:188px; text-align:center; display:table-cell; vertical-align:middle; 
*disply:block; font-size:180px;}

.display li .picImgBoxbg{width:238px; height:178px; line-height:178px; text-align:center; display:table-cell; vertical-align:middle; 
*disply:block; font-size:180px;

border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}

.display li .picImgBox_swf{width:238px; height:178px; line-height:188px; text-align:center; display:table-cell; vertical-align:middle; 
*disply:block; font-size:18px;border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}

.display li .picImgBox img{width:238px; height:178px; text-align:center; border:none; display:block; margin:0 auto; vertical-align:middle;
border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}


/*获奖工程列表*/
.winIntro{padding:20px 0px 0; }
.winList{margin:40px 0 0 0px;}
.winList ul{margin:0}
.winList li{float:left; display:inline; width:394px; height:150px; margin:0 10px 20px 0; transition: all 400ms ease 0s;}
.winList li .leftPic{width:165px; height:130px;}
.winList li .leftPic img{width:165px; height:130px; margin-top:5px;}
.winList li .rightIntro{width:212px; height:150px;}
.winList li .rightIntro h3 a{font-size:16px; color:#666;}
.winList li .rightIntro .cons p{margin:5px 5px 0 0; color:#666; line-height:18px; font-size: 13px; max-height:108px; overflow:hidden;}


/*图片列表*/
.list li{float:left; width:190px; height:172px; line-height:15px; text-align:center; margin:10px 5px 10px 0; overflow: hidden;
}
.list li img{width:184px; height:136px; margin:0 auto;
border:3px solid #FFF;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;}

.list2 li{float:left; width:380px; height:255px; margin:10px 15px 10px 0; overflow:hidden; border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}
.list2 li img{width:380px; height:255px;  /*min-height:255px;max-height:355px;height:auto;*/  margin:0 auto;}

.listt2 li{float:left; width:380px; height:305px; margin:10px 15px 10px 0; overflow:hidden; line-height:15px; text-align:center
}
.listt2 li img{width:370px; height:255px;  /*min-height:255px;max-height:355px;height:auto;*/  margin:0 auto;border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}

.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;}
	
.listt4 li{float:left; width:263px;height:385px;margin:10px 7px 10px 0; overflow: hidden; line-height:25px; text-align:center
}
.listt4 li img{width:253px; height:335px; margin:0 auto;border:5px solid #FFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}


/*技术创新*/
.wenziIntro{padding:20px 0 20px; text-indent:30px;}
.wenziIntro p{margin-bottom:15px;}
.table tr td{ padding:2px 5px;}
.table tr th{background:#6a8bc6; color:#fff; height:32px; line-height:32px;}
.table tbody tr.odd{background:#def4ff;}
.table tbody tr.even{background:#fff;}

/*人才在线*/
.peixunList li{float:left; width:375px; height:280px; margin:0 25px 20px 5px;}
.peixunList li img{width:375px; height:280px;}
 
/*新闻*/
.news{margin:20px 0 0 0px;}
.news li{ border-bottom:1px dotted #ccc; margin:20px 0; padding-bottom:20px; transition: all 400ms ease 0s;}
.news li .leftPic{width:237px; height:160px;}
.news li .leftPic img{width:237px; height:160px;}
.news li .rightIntro{width:460px; height:200px; margin:0 0 0 40px;}
.news li .rightIntro h3 {font-size:16px; color:#666; width:460px; height:30px;white-space:nowrap; text-overflow:ellipsis;  overflow: hidden; }
.news li .rightIntro h3 a{font-size:16px; color:#666;}
.news li .rightIntro .time{color:#3156a4; font-weight:normal; font-size:12px;}
.news li .rightIntro .cons{ text-indent:2em;margin:15px 0 0 0; color:#A6A5A5; line-height:23px; font-size:14px; height:69px;text-overflow:ellipsis;  overflow: hidden; }
.news li .rightIntro .cons1{margin:0px 0 0 0; color:#A6A5A5; line-height:30px; font-size:14px; height:20px; float:right;}
/*公司新闻内页样式*/
.ny{padding:20px 30px 30px 30px; text-justify:inter-ideograph; background:#efefef;}
.ny h3.biaoti{margin:14px auto 10px; font-size:20px; color:#666; font-family:"微软雅黑"; font-weight:bold; text-align:center;}
.ny h4{ border-top:1px dashed #CCC;}
.ny h4.mess{color:#888; margin-bottom:30px; font-size:14px; font-weight:normal; text-align:right; padding-right:50px; margin-right:10px;padding-top:10px;}
.ny .datetime{ padding-top:20px;}
.ny .source{padding-left:50px;margin-bottom:30px;}
.con{min-height:325px; _height:325px; line-height:24px; font-size: 14px; color:#666;}
.con img{max-width:100%; height:auto;; color:#666;}
.con p{margin-bottom:18px;}
.con div{margin-bottom:18px; } 

.con div img{ align:center; float:none;text-align: center; display: block; margin: 0px auto;}
.con p img{ align:center; float:none;text-align: center; display: block; margin: 0px auto;}

/*翻页    */
.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:60px auto 0; font-size:14px; line-height:24px; color:#666; border-top:1px dashed #CCC;}
.pages a{color:#666; font-size:14px;}
.pages a:hover{color:#333;}
.pages .back{position:absolute; top:-26px;/* 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;}

/*******************************工程案例图片切换效果******************/
.csSlideOuter {width:800px;height:auto; /*height:720px; */margin:20px 0 30px 35px; overflow: hidden;}  
.gallery{width:800px;height:556px;margin:0 0 20px 0; overflow: hidden;}
.gallery li{width: 800px;height:auto; display:block;/* float: left; */margin-right: 6px; height:556px; text-align:center;overflow:hidden;}
.hasActive .gallery li.active {outline: 2px solid #FF0000; outline-offset: -2px;}
.gallery li img {max-width:100%;height:556px;  /*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:10px;}
.csAction > .csNext{background-position:-32px 0; right:10px;}
.cS-hidden {height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}
.csSlideOuter .csPager.cSGallery{ max-height:120px; overflow:hidden;}
.csSlideOuter .csPager.cSGallery img {display: block; width:196px;height:120px;/*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;}

 
