/* CSS Document */
#container{ width:100%; position:relative; overflow:hidden; padding-bottom:50px;}
.contact{ width:70%; margin:30px 15%; position:relative; overflow:hidden;}
.contact img{ max-width:100%; vertical-align:middle; height:auto; }

.map{ width:100%; position:relative; margin-bottom:20px;}
.map img{ max-width:100%; vertical-align:middle;}
.contbox{ width:100%; position:relative; font-size:12px; line-height:26px; color:#888888;}
.wx{ width:100px; margin-top:20px; position:relative;}
.wx img{ width:100px; height:auto;}

.job{ width:750px; position:relative; overflow:hidden; margin:60px auto;}

.job_top{ width:100%; position:relative; margin-bottom:30px; color:#8d8d8d; line-height:30px;}
.job_top h1{ font-size:24px; height:30px; line-height:30px; color:#000; width:100%; margin-bottom:20px;}
.job_qy{ width:350px; float:left; position:relative;}
.qy_tit{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #c6c5c7; font-size:16px; color:#666;}
.job_qy ul{ width:100%; margin-top:10px;}
.job_qy ul li{ width:100%; font-size:13px; height:40px; line-height:40px; border-bottom:1px solid #ddddde;}
.job_qy ul li a{ color:#999;}


.joblist{ width:760px; position:relative; float:right;}
.jotitle{ width:100%; height:40px; background:#ededed; position:relative; overflow:hidden;}
.jotitle div{ float:left; height:40px; line-height:40px; font-size:16px; color:#666;}
.zhiwei{ width:210px; padding-left:20px;color:#666;}
.quyu{ width:130px; color:#999}
.dizhi{ width:300px; color:#999}
.shijian{ width:100px; color:#999}
.jolist{ width:100%; position:relative; overflow:hidden;}
.jolist li{ width:100%; position:relative; color:#999; font-size:14px;}
.jobxx{ width:100%; height:50px; position:relative; overflow:hidden; cursor:pointer; }
.jobxx div{ float:left; height:50px; line-height:50px; }
.jobxq{ padding:20px; width:1030px; display:none;border-bottom:1px solid #b5b5b5;}


.case,.caseinfo{ width:100%; position:relative; overflow:hidden;}
.case ul{ overflow:hidden;}
.case li{ width:33.33%; float:left; position:relative; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.case li img{ width:100%; vertical-align:middle;}
.casetit{ width:100%; height:100%; background:url(../images/bg.png); position:absolute; left:0; top:0; display:none;}
.ma{ height:50px; width:100%; position:absolute; left:0; margin-top:-25px; top:50%; text-align:center;}
.ma h2{ width:100%; font-size:14px; color:#fff;}
.ma p{ width:100%; font-size:14px; color:#fff;}
.case li:hover .casetit{ display:block;}
.casemore{ width:120px; height:35px; border:1px solid #c7c7c7; margin:0 auto; border-radius:5px; margin-top:40px; font-size:12px; text-align:center; line-height:35px;}
.casemore a{ display:block; color:#868686;}

.casetop{ width:100%; position:relative; overflow:hidden; background:#656565; padding: 25px 0 40px 0;}
.casebox{ width:65%; margin:0 auto; position:relative; color:#fff; font-size:12px; line-height:26px;}
.casepic{ width:65%; margin:20px auto; position:relative; overflow:hidden; }
.casepic img{ max-width:100%; margin:0 auto; vertical-align:middle; margin-bottom:10px;}



.news{ width:900px; margin:0 auto; margin-top:60px; position:relative; overflow:hidden;}
.newstit{ width:100%; height:50px; font-size:18px; color:#000; line-height:50px; text-indent:20px; border-bottom:1px solid #dcdcdc;}
.newslist li{ width:100%; height:95px;  border-bottom:1px solid #dcdcdc; line-height:95px; position:relative; overflow:hidden;}
.newslist li h2{ width:650px; text-indent:20px; height:95px; font-size:12px; color:#8d8d8d; float:left;}
.newslist li span{ width:110px; float:right; height:95px; display:block;color:#8d8d8d; text-align:right;}
.newslist li:hover{ background:#f0f0f0;}
.newslist li:hover h2{ color:#000;}
.newslist li:hover p{ color:#000;}

.newsinfo{ width:820px; margin:30px auto; position:relative; overflow:hidden;}
.newsintitle{ width:100%; height:40px; margin-bottom:10px;}
.newsintitle h2{ width:740px; float:left; height:40px; line-height:40px; color:#000; font-size:18px;}
.newsintitle span{ width:80px; float:right; height:40px; line-height:40px; color:#000; font-size:14px; display:block; text-align:right;}
.newsinbox{ width:100%; position:relative; overflow:hidden; font-size:12px; line-height:20px; color:#8d8d8d; margin-bottom:30px;}
.newsinbox img{ max-width:100%; height:auto; margin:0  auto; vertical-align:middle; margin-bottom:15px;}
.back{ width:110px; height:35px; float:right; border:1px solid #cfcfcf; text-align:center; line-height:35px; border-radius:5px; margin-top:40px; color:#8d8d8d; font-size:12px;}
.other .newstit{ text-indent:0;}
.othlist{ width:100%; position:relative; margin-top:10px;}
.othlist li{ width:100%; height:35px;  border-bottom:1px solid #dcdcdc; line-height:35px; position:relative; overflow:hidden;}
.othlist li h2{ width:650px;  height:35px; font-size:12px; color:#8d8d8d; float:left;}
.othlist li span{ width:100px; float:right; text-align:right; height:35px; display:block;color:#8d8d8d;}
.othlist li:hover{ background:#f0f0f0;}
.othlist li:hover h2{ color:#000;}
.othlist li:hover p{ color:#000;}


.feny{
	width:100%;
	position:relative;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	margin-top:30px;
	}
.feny a{
	margin:0 10px;
	}
.current{
	margin:0 10px;
	border-bottom:1px solid #535353;
	}




@media(max-width:750px){
#container{ padding-top:50px;}
.news{ width:100%; margin-top:20px;}
.newslist li{ height:50px; line-height:50px; width:96%; padding:0 2%;}
.newslist li h2{ width:80%;height:50px; text-indent:0;}
.newslist li span{ width:19%; height:50px;}
.othlist li h2{ width:80%; height:35px; font-size:12px; color:#8d8d8d; float:left;}
.othlist li span{ width:19%; float:right; text-align:right; height:35px; display:block;color:#8d8d8d;}


.newsinfo{ width:90%; margin:30px 5%; }
.newsintitle{ width:100%; height:auto; margin-bottom:10px; text-align:center; }

.newsintitle h2{ width:100%;height:auto; line-height:30px; color:#000; font-size:18px;}
.newsintitle span{ width:100%; height:30px; line-height:30px; color:#000; font-size:14px; display:block; text-align: center;}
.newsinbox img{max-width:100%; display:block; margin:0px auto; vertical-align:middle;}
.ma h2{font-size:12px; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ma p{  font-size:12px; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.job{width:90%; margin:30px 5%;}
.joblist{ width:100%; float: none;}
.zhiwei{ width:70%; text-indent:10px;color:#666; padding:0;}
.dizhi{ display:none;}
.quyu{ display:none;}
.shijian{ width:25%;}
.jobxx{ width:100%; height:50px; position:relative; overflow:hidden; cursor:pointer; }
.jobxx div{ float:left; height:50px; line-height:50px; }
.jobxq{ padding:20px; width:1030px; display:none;border-bottom:1px solid #b5b5b5;}

.contact{ width:90%; margin:30px 5%;}
}