@charset "utf-8";
/* CSS Document */

.inbanner{
	height: 232px;
	width: 100%;
}
	.inbanner.i-serv{ background: url(../images/inbanner/serv.jpg) center center no-repeat; }
	.inbanner.i-about{ background: url(../images/inbanner/about.jpg) center center no-repeat; }
	.inbanner.i-contact{ background: url(../images/inbanner/contact.jpg) center center no-repeat; }
	.inbanner.i-case{ background: url(../images/inbanner/case.jpg) center center no-repeat; }
	.inbanner.i-news{ background: url(../images/inbanner/news.jpg) center center no-repeat; }
	.inbanner.i-ask{ background: url(../images/inbanner/ask.jpg) center center no-repeat; }
	.inbanner.i-download{ background: url(../images/inbanner/download.jpg) center center no-repeat; }
.innav{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #bbb;
	padding-left: 10px;
}
	.innav img{
		vertical-align: -5px;
		margin-right: 8px;
	}
.main .rside{
	width: 260px;
}
	.main .lside{
		width: 900px;
	}
.rside .rb{
	font-size: 14px;
	color: #333;
	margin-bottom: 50px;
}
.rb .rb-h{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #0060ab;
	padding-left: 10px;
	border-radius: 8px 8px 0 0;
	text-transform: uppercase;
}
.rb .typeul{
	width: 100%;
}
	.rb .typeul li{
		height: auto;
		border-bottom: 2px solid #eee;
	}
	.rb .typeul li a{
		display: block;
		height: 46px;
		width: 100%;
		line-height: 46px;
		padding: 0 10px;
	}
	.rb .typeul li.on{
		color: #0060ab;
		border-color: #0060ab;
	}
	.rb .typeul li.on li{
		color: #333;
		border-color: #eee;
	}
	.rb .typeul li:hover{
		border-color: #0060ab;
	}
	
	.rb .typeul.servul li{
		padding-left: 20px;
		position: relative;
		height: 48px;
		overflow: hidden;
	}
	.rb .typeul.servul li.on{
		height: auto;
		color: #0060ab;
	}
		.rb .typeul.servul li:before{
			display: block;
			content:'';
			position: absolute;
			font-weight: 34px;
			font-weight: bold;
			left: 0;
			top: 14px;
			width: 20px;
			height: 20px;
			background: url(../images/in/servli.png) no-repeat left center;
		}
		.rb .typeul.servul li.on:before{
			background: url(../images/in/servli-on.png) no-repeat left center;
		}
		.rb .typeul.servul li li:before{
			display: none;
		}
		.rb .typeul.servul li li:before{
			display: block;
			content:'';
			position: absolute;
			font-weight: 34px;
			font-weight: bold;
			left: 0;
			top: 24px;
			width: 6px;
			height: 2px;
			background: #bbb;
		}
		.rb .typeul.servul li li.on:before{
			background: #0060ab;
		}
	.rb .typeul li li{
		border: 0;
	}
	.rb .typeul.servul li.on li{
		color: #333;
	}
	.rb .typeul.servul li.on li.on{
		color: #0060ab;
	}
	.rb .typeul.servul li.on li:hover{
		color: #0060ab;
	}
	.rb .typeul li li a{
		background: #fff;
		padding-left: 10px;
	}
	.rb .typeul li li a:hover{
		background: #f5f5f5;
	}

.rb .contactul{
	width: 100%;
	padding-left: 10px;
}
	.rb .contactul li{
		height: 48px;
		line-height: 46px;
		padding-left: 28px;
	}
	.rb .contactul li.rb-tel{ background: url(../images/in/rb-tel.png) left center no-repeat; }
	.rb .contactul li.rb-sh{ background: url(../images/in/rb-sh.png) left center no-repeat; }
	.rb .contactul li.rb-qu{ background: url(../images/in/rb-qu.png) left center no-repeat; }
	.rb .contactul li.rb-mail{ background: url(../images/in/rb-mail.png) left center no-repeat; }

/* newslist */
.newslist { position: relative; width: 100%; border-top: 6px solid #f1f1f1; }
.newslist:after { content: ''; position: absolute; top: 0; right: 80px; display: block; width: 4px; height: 12px; background: #f1f1f1; }
.newslist li { position: relative; width: 100%; font-size: 12px; line-height: 38px; padding: 0 84px 0 38px; margin: 10px 0; }
.newslist li:before { content: ''; position: absolute; left: 18px; top: 50%; margin-top: -2px; width: 8px; height: 2px; background: #aaa; border-radius: 50%; }
.newslist li .tit { display: block; width: 100%; font-size: 13px; color: #444; }
.newslist li:nth-child(2n) { background: #f1f1f1; }
.newslist li .tit:hover { color: #0060ab; }
.newslist li .time { position: absolute; top: 0; right: 0; width: 80px; height: 100%; text-align: center; color: #888; }

/* 文章页 */
.article{
	padding: 0 10px;
}
.article .a-title{
	padding-bottom: 10px;
	text-align: center;
}
.article .a-title .h1{
	width: 100%;
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 14px;
	color: #000;
}
.article .a-title .info{
	width: 100%;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
.article .a-title .info em{
	margin-right: 18px;
}
.article .a-dd{
	padding: 10px;
	background: #f5f5f5;
	color: #666;
	font-size: 13px;
	line-height: 1.6em;
	border-radius: 4px ;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.article .a-body{
	padding: 10px;
}

.page_control{
	width: 100%;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}
.page_control .button{
	width: 66px;
	height: 36px;
	line-height: 34px;
	margin: 0 auto;
	font-size: 14px;
	padding: 0;
	text-align: center;
	margin-top: -18px;
	background: #fff;
}
.page_control .page_go{
	width: 50%;
	font-size: 12px;
}
.page_control .page_go a{
	line-height: 33px;
	font-size: 13px;
}
/* page controler */
.page { display: inline-block; float: right; width: auto; font-size: 14px; height: 30px; line-height: 30px; margin-top: 18px; border-radius: 15px; background: #d5d5d5; padding: 0 3px; }
.page a { float: left; margin: 3px 2px; color: #222; display: block; font-size: 12px; width: 24px; height: 24px; overflow: hidden; line-height: 24px; text-align: center; border-left: none; background: #fff; border-radius: 50%; }
a.prev {	/* width: 30px; */ }
a.next { }
.page a:hover { background: #f2f2f2 }
.page a.current { color: #ff0000; }
.page a.number { background: none; }
.page a.number:hover { text-decoration: underline; }
.fist_page, .last_page, .prev_page, .next_page { display: inline-block; width: 10px; height: 10px; vertical-align: 0; }
.fist_page, .last_page { background: url(../images/first-page.png) no-repeat center center; }
.prev_page, .next_page { background: url(../images/prev-page.png) no-repeat center center; }
.last_page, .next_page { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* track */
.trackw { width: 45%; margin-top: 10px; padding: 20px; border-radius: 4px; border: 1px solid #ddd; background: #f6f6f6;float:left;margin-left:25px; }
.track_f { position: relative; }
.track_f .track_text { float: left; width: 240px; height: 40px; border: 1px solid #ccc; background: #fff; line-height: 30px; padding: 0 20px; font-size: 14px; color: #333; border-radius: 4px; overflow: hidden; }
.track_f .track_submit { float: left; margin-left: 14px; width: 100px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 4px; background-color: #0060ab; color: #fff; text-align: center; }
.track_f .track_submit:hover { background-color: #20cbfd; }
    .track_f h4 {padding-bottom:20px;    }
.queryContext { width: 100%; z-index: 4; font-size: 16px; }
.result-top { height: 43px; background-color: #fbfbfb; border: 1px solid #ddd; border-bottom: none; }
.result-top span, .result-top a { display: inline-block; height: 43px; line-height: 43px; vertical-align: middle; font-size: 14px; }
.result-top .col1 { width: 214px; text-align: center; font-weight: bold; border-right: 1px solid #ddd; color: #333; }
.result-top .col2 { width: 303px; text-align: center; font-weight: bold; color: #333; }
.result-info2 { border: 1px solid #ddd; width: 100%; border-bottom: 0; }
.result-info2 td { padding: 10px; color: #000; border-bottom: 1px solid #d8d8d8; background-color: #fbfbfb; font-size: 12px; padding: 6px; }
.result-info2 .row1 { width: 190px; text-align: right; }
.result-info2 .status { width: 40px; background: url("../images/ico_status.gif") -50px center no-repeat #fbfbfb; }
.result-info2 .status-first { background: url("../images/ico_status.gif") 0px center no-repeat #fbfbfb; }
.result-info2 .status-check { background: url("../images/ico_status.gif") -150px center no-repeat #fbfbfb; }
/* 案例 */
.case-m{
	width: 912.5px;
}
.case-m .b{
	float: left;
	width: 210px;
	margin-right: 12.5px;
	background-color: #fff;
	border: 1px solid #bbb;
	box-shadow: 1px 0 0 #bbb;
	margin-bottom: 12px;
}
.case-m .b:hover{
	background-color: #0060ab;
}
	.case-m .b .img{
		width: 188px;
		height: 156px;
		margin: 10px;
		border: 1px solid #bbb;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.case-m .b:hover .img{
		background-size: 110% 110%;
		border-color: #fff;
	}
	.case-m .b .title{
		width: 186px;
		line-height: 20px;
		padding-bottom: 8px;
		height: 28px;
		font-size: 13px;
		color: #333;
		margin: 0 12px;
		border-bottom: 1px solid #bbb;
	}
	.case-m .b:hover .title{
		color: #fff;
		border-color: #999;
	}
	.case-m .b .date{
		width: 186px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: #666;
		padding: 0 12px;
	}
	.case-m .b:hover .date{
		color: #fff;
	}
/* 联系 */
.map-wrap{
	width: 100%;
	height: 400px;
}
.con-wrap{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.con-wrap .head{
	position: relative;
	background: #0060ab;
	height: 40px;
	width: 100px;
	font-size: 16px;
	padding-left: 20px;
	color: #fff;
	line-height: 40px;
	margin-left: -10px;
}
	.con-wrap .head:before{
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-left: 20px solid #0060ab;
		border-bottom: 20px solid transparent;
		border-top: 20px solid transparent;
		top: 0;
		right: -20px;
	}
.con-wrap .con-row{
	margin-top: 20px;
	width: 100%;
}
.con-wrap .con-row .con-h{
	float: left;
	width: 20%;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #0060ab;
}
	.con-wrap .con-row .con-h img{
		margin-right: 10px;
		vertical-align: -4px;
	}
.con-wrap .con-row .con-b{
	float: left;
	width: 80%;
	padding-left: 14px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.con-wrap .con-row .con-b li{
	position: relative;
}
	.con-wrap .con-row .con-b li:before{
		content: '';
		position: absolute;
		width: 6px;
		height: 6px;
		top: 12px;
		left: -12px;
		background: #999;
	}

/*仓库*/
.canku_biao1 .table_tit{ font-size: 14px; color: #0060ab;}
.input-group{ margin-bottom: 30px;}
.input-group .input-label{ font-size: 14px; font-weight: bold;}
.input-group .form-control { width: 240px; height: 35px; background: #0060ab; color: #fff; padding: 0 8px; font-size: 14px; line-height: 35px; border: 1px solid #0060ab; border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.input-group .form-control option{ color: #fff;}

.l_1180 {
    width: 100%;
    background: #f2f2f2;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    margin-bottom:20px;
}
.l_1180:hover{
    background-color:#E87816;
}
.l_1180 .z_263 {
    width: 263px;
    padding-left: 46px;
    font-size: 16px;
    color: #333;
    float: left;
}

.l_1180 .z_200 {
    width: 200px;
    text-align: center;
    float: left;
}

.l_1180 .z_210 {
    width: 210px;
    text-align: center;
    float: left;
}

.l_1180 .z_190 {
    width: 190px;
    text-align: center;
    float: left;
}
    .l_1180:hover .z_190, .l_1180:hover .z_210, .l_1180:hover .z_200, .l_1180:hover .z_263 {color:#fff;
    }