@charset "utf-8";
.banner{ width:100%; height:230px; position:relative}
.banner p{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0}
.banner p span{ display:block; position:absolute; width:100%; text-align:center; font-size:34px; color:#fff; top:50%; margin-top:-30px; line-height:40px; font-weight:bold}
.sub-nav{ float:left; width:100%}
.sub-nav a{ width:22%}
.sub-nav2{ float:left; width:100%}
.sub-nav2 ul li{width: 30%;float:left;}
.sub-nav2 a{ width:22%}
.my_pos{  height:40px; line-height:40px; font-family:'宋体'; font-size:12px; text-align:right; float:right; width:30%}
.my_pos a.home{ background:url(/img/home.png) no-repeat left center; padding-left:25px}
.my_pos span{ color:#ff7e00}
hr{ border:0; border-bottom:1px dashed #ccc; margin:20px 0}
.bg1{ background:#ececec; padding:40px 0;}
.bg0{ background:#fff;padding:40px 0;}

.contact{ max-width:900px; margin:0 auto}
.article{line-height:2; font-size:16px; padding:40px 0}
.article img{ max-width:100% !important; height:auto !important;}
.article img[align="right"]{ float:right; margin-left:20px;}
.article img[align="left"]{ float:left; margin-right:20px;}

/*.article p{ text-indent:2em;}*/
.case-ct div{ width:30.33%; margin:20px 1.5%;}
.pic-ct div{width:23%; margin:10px 1%; background:#fff}


.news-list dl{padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 30%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;}
.news-list dt{ width:100%;float:left;}
.news-list dt img{width:100%; /*height: 287px; width: 360px;*/}
.news-list dd{ position:relative; /*float:right;*/ width:100%}
.news-list dd h4{ font-size:20px; font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list dd p{ margin-top:10px; line-height:2; font-size:16px; max-width:600px;}
.news-list dd span{ display:block; position:absolute; right:0; bottom:0; font-family:Arial, Helvetica, sans-serif}

.news_tt{ width:100%;font-size:24px; text-align:left;line-height:1.6;}
.news_time{border-bottom:1px solid #ddd; padding:10px 0 20px; font-family:Arial; color:#999}
.pre_next{ line-height:30px; color:#999; margin-bottom:50px;}
.pre_next a{color:#999}

.kf{ float:left; width:40%;}
.kf img{ max-width:80%; display:block; float:left}

.contact-qq{ float:right; width:60%;  margin-top:40px; }
.contact-qq div.tel1,.contact-qq div.tel2{margin-left:130px}
.tel1{ background:url(/img/tel3.png) no-repeat left center; padding-left:55px;margin-top:20px;line-height:60px;font-size:18px;}
.tel2{ background:url(/img/tel2.png) no-repeat left center; padding-left:55px;margin-top:20px;line-height:60px;font-size:18px;}

.qq-item{ margin-top:40px;}
.qq-item a{ font-size:16px; display:inline-block; width:120px; border:1px solid #ff7e00; text-align:center; padding:60px 0 10px;margin:0 10px; background:#fff url(/img/qq2.png) no-repeat center 10px}
.qq-item a:hover{ background:#ff7e00 url(/img/qq3.png) no-repeat center 10px; color:#fff;}

.contact div.tel1,.contact div.tel2{margin-left:200px}
.contact div.qq-item{ text-align:center}

.map{ height:400px;}
/*翻页按钮*/
.PageTurnBtn{margin-top:30px;width:auto;height:50px;clear:both; text-align:center; font-size:18px;}
.PageTurnBtn span,.PageTurnBtn a{padding:0 6px;margin-right:5px;display:inline-block;font-family:Arial}
.PageTurnBtn span.page_num,.PageTurnBtn a:hover{color:#ff7e00;} /* 产品页面下分页按钮样��*/
.PageTurnBtn span{font-weight:bold}
.PageTurnBtn a{color:#666666}



@media screen and (max-width:800px){

}

@media screen and (max-width:600px){
	.banner{ height:150px;}
	.banner p span{font-size:24px;margin-top:-15px; line-height:30px}
	.my_pos{ display:none}
	.sub-nav{ width:100%; text-align:center;}
	.sub-nav a{ width:20%}
	.sub-nav2{ width:100%; text-align:left;}
	.sub-nav2 a{ width:20%}
	.case-ct div{ width:46%; margin:10px 2%;}
	.news_tt{font-size:18px;}
	.bg1{padding:20px 0;}
	.bg0{padding:20px 0;}
	.article{ padding:20px 0; font-size:14px;}

	.article img[align="right"]{ display:block; margin:5px auto;}
	.article img[align="left"]{ display:block; margin:5px auto;}
	
	.kf{ display:none}
	.contact-qq{ width:100%;  margin-top:0; }
	.contact-qq div.tel1,.contact-qq div.tel2{margin-left:10px}
	.tel1,.tel2{ padding-left:35px; background-size:25px auto;line-height:20px;font-size:16px;}
	.qq-item{ margin-top:20px;}
	.qq-item a{ font-size:14px; margin-bottom:10px}
	.contact div.tel1,.contact div.tel2{margin-left:20px;}
	
	.news-list dt{/* width:40%; */}
	.news-list dd{width:100%}
	.news-list dd h4{ font-size:14px;}
	.news-list dd p{font-size:12px; max-width:none;line-height:1.4}
	.news-list dd span{ display:none; }

}

@media screen and (max-width:400px){
	.sub-nav a{ width:22%; font-size:12px}
	.sub-nav2 a{ width:22%; font-size:12px}
}