﻿.nav a,.nav a.on,.btn-search,.btn-red,.btn-blue,.weight-box .tit,.light-box .tit,.nav-bg,.box-more,
.icon-magnifier,.icon-honor{ background: url(/statics/images/qiye/gongcheng-main.png) no-repeat;}
.btn-red{ background-position: 0 -200px; border: none; width: 83px; height: 30px; color: #fff; font-weight: bold; cursor: pointer;}
.btn-blue{ background-position: 0 -300px; width: 81px; height: 27px; color: #fff; display: inline-block; text-align: center; line-height: 27px;}
a.btn-blue:hover{ color: #fff;}
.box-more{ background-position: 0 -400px; width: 62px; height: 21px; text-indent: -99999px; margin-top: 5px;}


.txt-search,.icon-sina,.icon-tencent,.icon-163,.icon-sohu,.icon-qq,.icon-glsj,.icon-fbxw,.icon-glzx,.icon-tjal,.icon-ss{ background: url(/statics/images/qiye/icons.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon-sina,.icon-tencent,.icon-163,.icon-sohu,.icon-qq{ width: 18px; height: 18px;}
.icon-sina{ background-position: 0 -60px;}
.icon-tencent{background-position: 0 -90px;}
.icon-163{background-position: 0 -120px;}
.icon-sohu{background-position: 0 -150px;}
.icon-qq{background-position: 0 -180px;}
.icon-ss{ background-position: 0 -30px; width: 14px; height: 14px;}

.icon-glsj,.icon-fbxw,.icon-glzx,.icon-tjal{ padding-left: 20px; margin-right: 10px;}
.icon-glsj{ background-position: 0 -210px;}
.icon-fbxw{ background-position: 0 -240px; }
.icon-glzx{ background-position: 0 -270px; }
.icon-tjal{ background-position: 0 -300px; }

#header{ width: 980px; height: 85px; overflow:hidden; margin: auto;}
.logo{ float: left; margin: 15px 15px 0 0; }
#header h1{ float: left; font-size: 22px; font-family: 微软雅黑; margin-top: 30px; font-weight: normal;}
#header .h-links{ float: right; padding: 10px 0; color: #cccccc;}
#header .h-links a{ color: #333; margin: 0 10px;}
#header .h-search{ float: right; width: 480px; text-align: right;}
	.h-search .txt-search{ height: 18px; line-height: 18px; padding: 2px 3px; border: 1px solid #ccc; width: 210px; background-position: 0 1px;vertical-align: middle; margin-right: 10px; padding-left: 22px;}
	.btn-search{ background-position: 0 -250px; width: 77px; height: 25px; font-weight: bold; border: none; vertical-align: middle; cursor: pointer;}
	

#banner{ height: 150px; width: 100%; background: url(/statics/images/qiye/banner-bg.jpg) repeat-x;}
#banner .box{ width: 980px; margin: auto; background: url(/statics/images/qiye/banner.jpg) no-repeat; color: #fff; height: 100%; position: relative;}
#banner .box h2{ padding: 20px 0 5px 55px; color: #fff; font-size: 30px; font-family: 微软雅黑;font-weight: normal; }
#banner .box .com-url{ padding-left: 55px; }
#banner .box .jiang { padding-left: 55px; line-height :30px; vertical-align:middle ;text-align: inherit; padding-top:10px;}
#banner .box .jiang img { vertical-align:middle;}

	.manage-links{ position: absolute; right: 0; top: 0; background: #0f4b83; padding: 6px 10px; height: 16px;line-height: 16px;}
	.manage-links a,.manage-links a:hover{ color: #fff;}
	
	.nav-bg{ background-position: 0 -350px; background-repeat: repeat-x; height: 34px; width: 100%;}
	.nav-bg .box{ width: 980px; margin: auto; height: 100%;}
	.nav{ line-height: 34px;}
	.nav a{ float: left; width: 89px; height: 100%;  color: #000; text-align: center; background-position: 0 -150px; border-left: 1px solid #d2d2d2;}
	.nav a.last{ border-right: 1px solid #d2d2d2;}
	.nav a.on{ color:#0b3b8c; background-position: 0 -100px; font-weight: bold;}
	.nav a:hover{ color: #000;}
	.nav a.on,.nav a.on:hover{ color: #0b3b8c;}

#wrapper{ width: 980px; margin: 15px auto;}

.module-box .tit{  line-height: 34px; }

.module-box .tit h2{ font-size: 14px; float: left;}
.module-box .tit .more{ float: right; margin-right: 12px;}
.module-box .cnt-box{ padding: 10px 12px;}


.weight-box .cnt-box{ border: 1px solid #dadada; border-top: none;}
.light-box .tit{ background-position: 0 0; border-bottom: 2px solid #cccccc; padding-left: 20px; height: 34px;}
.light-box .cnt-box{ padding: 20px 15px;}
.weight-box .tit{ background-position: 0 -50px; height: 36px;padding-left: 12px; }
.weight-box .tit h2{ font-size: 12px;}

.side{ float: left; width: 210px;}
	.side-com-info{}
	.side-com-info .img{}
	.side-com-info .img img{ width: 180px; height: 80px; border: 1px solid #ccc; display: inline-block;}
	.side-com-info .name{ text-align: center; padding: 5px 0 10px; font-weight: bold;}
	.side-list{ overflow: hidden; zoom: 1;}
	.side-list li{ float: left; margin-bottom: 3px; width: 100%;}
	.side-btns{ padding-top: 10px;}
.content{ float: right; width: 750px;}

	.com-info{ float: left; width: 490px; line-height: 22px; text-indent: 2em;}
	.com-honor{ float: right;display:inline; text-align: center; width: 140px;overflow:hidden;margin-right:60px;}
	.about-com-info{ width: auto; float: none;}
	
	.case-list{ overflow: hidden; zoom:1;}
	.case-list li{ float: left; margin-bottom: 10px; width: 100%;}
	.case-list .img{position: relative; display: table-cell;*display:block;width:170px; height:162px;line-height:162px;vertical-align:middle; border: 1px solid #c7c7c7; background: #f1f1f1; text-align: center;_font-size:200px;}
	.case-list .img span{ width: 170px; height:162px;display:table-cell;vertical-align:middle;text-align:center}
	.case-list .img img{ max-width:170px; max-height:162px;_width:expression(this.clientWidth>this.clientHeight ?(this.clientWidth < 170 ? "auto" : "170px" ):"auto");_height:expression(this.clientHeight > this.clientWidth ?(this.clientHeight < 162 ? "auto" : "162px" ):"auto"); vertical-align:middle;margin:auto;}
	.case-list .img i{ display: inline-block; height: 100%; vertical-align: middle;}
	.case-list .info-text{ float: right; width: 520px;}
	.case-list .info-text h3{ font-size: 14px; margin-bottom: 12px;}
	.case-list .info-text .detail{ line-height: 22px; margin-bottom: 15px;}
	
	
	.news-list li{ background: url(/statics/images/dot.png) 10px center no-repeat; height: 35px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 35px; padding-left: 22px;}
	.news-list li a{ width: 520px; float: left;}
	.news-list li span{ float: right; font-size: 12px; padding-right: 6px;}
	
	
	.tb-aboutus{ width: 100%; border: 1px solid #dbdbdb; margin: 10px 0;}
	.tb-aboutus th{ width: 70px; padding:10px; background: #f2f2f2;border: 1px solid #dbdbdb; text-align: center;}
	.tb-aboutus td{  padding:10px; border: 1px solid #dbdbdb; width: 220px;}
	
	.contact-tit{ font-size: 14px; margin: 25px 0 15px;}
	.contact-tit span{ font-weight: normal; font-size: 12px;}
	.tb-contact{ width: 100%;}
	.tb-contact td{ padding-bottom: 10px; vertical-align: top; font-size: 14px;}
	.tb-contact td.col1{ text-align: right; width: 100px;}
	.tb-contact .text{ width: 200px;}
	
	.tb-zw{ width: 100%; margin-bottom: 15px;}
	.tb-zw td{ border-bottom: 1px solid #eee; vertical-align: top; padding: 10px 5px 20px; line-height: 24px;}

	
	.content-text{ text-indent: 2em; line-height: 24px; margin-bottom: 22px; font-size: 14px;}

	.news-tit{ font-family: 微软雅黑; font-size: 24px; margin-bottom: 20px; padding-left: 15px; font-weight: normal;}
	.news-tit span{ color: #999; font-size: 12px; margin-left: 15px;}

	.share{ padding: 40px 5px 15px; margin-bottom: 10px; border-bottom: 1px solid #eee; overflow: hidden; height: 18px;}
	
	.case-detail{ font-size: 14px; line-height: 24px;}
	.case-detail img{max-width:100%;_width:expression(this.clientWidth>this.clientHeight ?(this.clientWidth < 720 ? "auto" : "160px" ):"auto");}
	.case-detail h4{ margin-bottom: 5px;}
	
	.case-play-box{ width: 716px; position: relative; background: #f4f4f4; border: 1px solid #e5e5e5; padding: 15px 0; margin-bottom: 20px;text-align:center;}
	.case-play-box .img{ width: 600px; height: 400px; text-align: center; margin: 0 auto 10px;}
	.case-play-box .img i{ display: inline-block; height: 100%; vertical-align: middle;}
	.case-play-box .img img{ max-width: 100%; max-width: 100%; vertical-align: middle;}
	.case-play-box .name{ text-align: center; color: #333; padding: 20px 0; width: 600px; margin: auto; line-height: 22px;}
	.img-play-prev,.img-play-next{ background: url(/statics/images/qiye/prev-next.png) no-repeat; width: 100px; height: 100px; position: absolute;}
	.img-play-prev{ left: 10px;  top: 175px; background-position: 0 0;}
	.img-play-next{background-position: 0 -100px; right: 10px;top: 175px;}
	
	.case-play-box .notice{ text-align: center;}
	.icon-magnifier{ background-position: 0 -450px; padding-left: 20px;}
	
	.team-list{ overflow: hidden; zoom:1;}
	.team-list li{ float: left; margin-bottom: 20px; width: 100%;}
	.team-list .img{ float: left; width: 160px; height: 160px; border: 1px solid #c7c7c7; background: #f1f1f1; text-align: center; padding: 2px;}
	.team-list .img img{ max-width: 100%; max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; _margin-top: -1px;}
	.team-list .img i{ display: inline-block; height: 100%; vertical-align: middle;}
	.team-list .info-text{ float: right; width: 520px;}
	.team-list .info-text h3{ font-size: 14px; margin-bottom: 12px;}
	.team-list .info-text .detail{ line-height: 22px; margin-bottom: 15px;}
	
	.icon-honor{ background-position: -213px -400px; padding-left: 30px; height: 20px; margin-bottom: 12px;}
	.honor-list{ overflow: hidden; zoom: 1;}
	.honor-list li{ float: left; margin-bottom: 20px; width: 25%;height:238px;overflow:hidden}
	.honor-item{ width: 170px; margin: auto;}
	.honor-item .img{ width: 166px; height: 166px; padding: 2px; border: 1px solid #ccc; margin-bottom: 5px; float:left; text-align: center; background: #f1f1f1; }
	.honor-item .img img{ max-width: 100%;max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; _margin-top: -1px;}
	.honor-item .img i{ display: inline-block; height: 100%; vertical-align: middle;}
	.honor-item .name{ text-align: center; margin-bottom: 5px;}
	
	.toupiao-text { letter-spacing:3px; overflow:hidden;}
	.toupiao-box {background:#F7F7F7; overflow:hidden; margin-top:5px;}
	.toupiao-box ul li { border-bottom:1px solid #B3B3B3; padding-bottom:10px; margin:0 10px 5px;}
	.toupiao-tit { font-size:14px; font-weight:700; color:#999; padding:0 10px; line-height:30px;}
	.text-rize { color:#F06520; width:100px; display:inline-block; vertical-align:middle; text-align:center; float:left; height:23px; line-height:23px;}
	.btn-goupiao { background:url(/images/lightEngineering/btn-goupiao.gif); width:52px; height:23px; display:inline-block}

#footer{ width: 980px; margin: auto; border-top: 1px solid #eee; padding: 10px 0; color: #666; line-height: 26px; text-align: center;}