/*
* @ description: 首页样式，仅首页引用
* @ author: Spring
* @ update: Spring(2015.06.25)
*/

/*=============================================================== common CSS ===============================================================*/
/*--- 单列模块 ---*/
.itemLine{position: relative; min-height: 20px;padding: 12px 0;line-height: 20px; background-color: #fff; border-bottom: 1px solid #ddd;}
.itemLine .box-jump .name{float: left; max-width: 72px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.itemLine .box-jump .value{float: right;max-width: 208px;margin-right: 15px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.itemLine .arrow-more{position: absolute;right: 10px;top: 50%;margin-top: -10px;font-size: 20px;color: #999}

img{vertical-align: bottom;}
.bannerPage{width: 100%;position: relative;overflow: hidden;}
.bannerPage img{width: 100%;}
.bannerPage .txt{position: absolute; bottom: 0;width: 100%; height: 50px; background-color: rgba(0,0,0,.4); color: #fff; line-height: 20px;}
.bannerPage .txt .title{ font-size: 14px; margin-top: 5px;overflow: hidden; }
.bannerPage .txt .info{ overflow: hidden;}

.pageTitle{width: 100%; margin: 30px 0; text-align: center;}
.pageTitle:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.pageTitle .title{font-size: 16px;color: #333;}
.pageTitle .info{margin-top: 5px;}

/*=== case 成功案例 ====*/
.case .items-3x{margin: 0 0 0 -1px}
.case .items-3x .item{float: left; width: 33.33333333%; margin: 0 0 -1px -1px; border: #ddd 1px solid; border-right: 0;}

/*=== scheme 解决方案 ====*/
.schemeW,
.prosW,
.messageW{border:none;}
.scheme {padding-top: 10px; border-top: #ddd 1px solid;}
.scheme li{position: relative;z-index: 0; text-align: center;}
.scheme .img{width: 100%;overflow: hidden;}
.scheme .name{margin-top: 5px; font-size: 14px;}
.scheme .txt{margin-top: 5px; color: #999; height: 54px; line-height: 18px; overflow: hidden;}

/*=== products 核心产品 ====*/

.hi-icon {display:block;font-size: 0px;cursor: pointer;margin: 15px 30px;width: 150px;height: 150px;border-radius: 50%;text-align: center;position: relative;z-index: 1;color: #fff;margin:10px auto 0;}
/*.hi-icon:after {pointer-events: none;position: absolute;width: 96%;height: 96%;border-radius: 50%;content: '';border: #999999 2px dashed;top: 0px;left: 0px;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}*/
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

.pros li{margin-bottom: 30px;}
.pros .staff-item h4{text-align:center;margin-top:20px;font-size:18px; font-weight: bold; color: #333;}
.pros .staff-item p{line-height: 22px;margin: 0;font-size: 16px; text-align: center;}
.pros .staff-item span{font-size: 14px;}
.pros .staff-item img{width: 100%;height: 100%;}

/*=== about 关于我们 ====*/
.about{ text-align: center; border-top: #ddd 1px solid; padding: 30px 0; overflow: hidden;}
.about .row{padding-bottom: 20px; margin-bottom: 30px;}
.about .title{ font-size: 18px; margin-bottom: 20px;}
.about .info{margin: 20px 0 10px 0;}
.about .info p{margin: 0 0 10px 0;}
.aboutNumber{width: 70%; margin:30px auto 0; overflow: hidden;}
.aboutNumber .aboutNumber-wrap{overflow: hidden;padding: 25%;}
.aboutNumber li{background-color:#007CD8; }
.aboutNumber .number-txt{ font-size: 20px;color: #fff;font-weight: bold;}
.aboutNumber .number-txt1{ color: #fff;margin-top: 5px;}

.aloutActive{margin:30px 0 0 0; overflow: hidden;}
.aloutActive .items-2x{margin: -2% 0 0 -2%;}
.aloutActive .items-2x .item{ width: 100%; margin: 3% 0 0 3%;}

/*=== message 预约留言 ====*/
.message{overflow: hidden; border-top: #ddd 1px solid; padding: 20px 0;}
.message .title{padding: 10px 0;}
.message .message-input{margin-bottom: 5px;}
.message .message-input .text{width: 100%;height: 30px;line-height: 30px;padding: 0 10px; border:#ddd 1px solid;  box-sizing:border-box;}
.message .message-input .textarea{width: 100%;height: 100px;line-height: 20px;padding: 10px; border:#ddd 1px solid;  box-sizing:border-box;}
.messageW .action{overflow: hidden; padding: 10px; text-align: center;}
.messageW .action .btnf-rm{padding: 0 25px; border:0; line-height:20px;}
.messageW .action .btnf-rm:hover{color: #fff;}

/*=== contact 联系我们====*/
.contacts-list dl{ margin:10px; border-bottom:1px #eee solid; overflow:hidden;} 
.contacts-list dl dt{ line-height:38px; font-size:16px; color:#007CD8; height:40px; overflow:hidden; margin-bottom:10px;}
.contacts-list dl dt span{border-bottom:2px #007CD8 solid; display:block; float:left; font-weight: bold;}
.contact{ border-bottom:1px #ddd solid; padding-bottom:30px;}
.contacts-list dl dd{ padding-bottom:10px;}
.contacts-list dl dd p{ padding:4px 0px; line-height:16px;}

/*=== news 新闻====*/
.news{overflow: hidden;padding-bottom: 10px; border-top: #ddd 1px solid; border-bottom:none; background-color: #f6f6f6;}
.news dl{ margin-top: 10px; background-color: #fff;}
.news dt{width: 150px;height: 100px;overflow: hidden; border:#ddd 1px solid;}
.news dl a{display: block; height: 100%;}
.news dt img{display: block; width:100%;height:100%;}
.news dd{position: relative;padding-left: 10px; box-sizing:border-box; }
.news .title{height: 20px;margin-top: 10px; line-height: 20px;overflow: hidden; font-size: 14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .info{overflow: hidden; height: 36px;padding:  0 8px 0 0; line-height: 18px; color: #999;  margin-top: 5px;}
.news .time{overflow: hidden;height: 20px;line-height: 20px; margin-top: 5px; color: #999;}
.newCode{overflow: hidden; padding: 5px 0; margin-top: 10px; border-top: #ddd 1px dashed; border-bottom: #ddd 1px dashed;}
.newCode img{width: 100%;}

.newsDtail{overflow: hidden;}
.newsDtail .title{padding: 10px 0;overflow: hidden; font-size: 18px; color: #333; font-weight: bold;}
.newsDtail .sub{padding-bottom: 10px;}
.newsDtail .freedata{overflow: hidden; margin-bottom: 10px;}
.newsDtail .freedata img{
	 width: 55%;
}
.newsDtail .pvn{padding: 10px 0; border-top: #ddd 1px solid;}
.newsDtail .pvn p{height: 20px;line-height: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.taberBtn {position: relative; float: left; left: 50%; margin-top: 10px; margin-left: -90px;}
.taberBtn a{float: left; width: 90px;height: 30px;border: 1px solid #dddddd;margin: 0 0 0 -1px; background-color: #ffffff; line-height: 30px;text-align: center;font-size: 12px;cursor: pointer;}
.taberBtn a.on{border-color: #007cd8;background-color: #007cd8;color: #ffffff;}
.taberBtn a:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.taberBtn a:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

/*错误页面*/
.erro{border: none;}
.erro img{width:100%;height:100%;}