﻿body{
	max-width: 1024px;
	margin: 0 auto;}
.title h2{
	text-align: center;
	font-size: 1.4em;
}
.title h2 span{
	display: block;
	font-size: 0.5em;
	color: #C7254E;
	padding: 5px 0;
	font-weight: 100;
}
.pa10{
	padding: 10px;
}
.top20{
	margin-top: 20px;
}
.top10{
	margin-top: 10px;
}
.bot15{
	margin-bottom: 30px;
}
.suo{
	text-indent:30px;
}
/*导航*/
header{
		position: relative;
		padding: 0 5px;
}



header img{
	width: 80%;
	height: 64px;
}
.icon-list-ul{
	font-size: 1.5em;
	background: #7d7575;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	margin: 15px 5px 0px 0px;
}
nav{
	width: 100%;
}
nav li{
	text-align: center;
	background: #000;
	padding: 5px 0;
	border-bottom: 1px solid #CCCCCC;
}
nav li a{
		color: #fff;
}
nav li:last-child{
	border-bottom: none;
}
nav ul{
	display: none;
	position: absolute;
	left: 0;
	z-index: 30;
	width: 100%;
}
/*关于我们*/
.nei{
	font-size:0.8em;
	color: #2A333C;
	line-height: 25px;
	text-align: justify;
}
.more{
	border:1px solid #212121;
	display: block;
	text-align: center;
	padding: 8px 0;
	margin: 10px 0;
}
.ab{
	position: relative;
}
.ab img{
	max-height: 200px;
	width: 100%;
}
.ab p{
	position: absolute;
	top:40px;
	right: 5%;
	color: #fff;
	background: #b92825;
	width: 40%;
	padding: 8px;
}
/*产品中心*/
/*.pro ul li{
	width: 49%;
	margin-bottom: 15px;
}
.pro img{
	width: 100%;
	height: 180px;
}
.pro li a span{
	text-align: center;
	display: block;
	font-size: 0.8em;
}*/
.pro ul li{
	width: 49%;
	margin-bottom: 15px;
}
.pro img{
	width: 100%;
}
.pro li a span{
	text-align: center;
	display: block;
	font-size: 0.8em;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.pro h2 {
    text-align: center;
    font-size: 1.4em;
}
.pro h2 span {
    display: block;
    font-size: 0.5em;
    color: #C7254E;
    padding: 5px 0;
    font-weight: 100;
}

.pro .pin li{padding: 2px 5px; }
.pro .classification ul li a{color: #fff;}
.classification{overflow: hidden; margin: 10px auto 20px;}
.classification ul{width: 100%; overflow: hidden;}
.classification ul li {width: 30%; height: 35px; background: #3e3e3e; display: inline-block; margin:1%; text-align: center; color: #fff; line-height: 35px;}

.p-dan .classification ul li a{color: #fff;}
/*优势*/
.advan ul{
		background: #4e4c4c;
}
.advan li{
	width: 49%;
	text-align: center;
	color: #fff;
	padding: 10px 5px;
}
.advan p{
	font-size: 0.8em;
}
/*新闻动态*/
.new>ul li{
	border-bottom: 1px dashed #c6c6c6;
	padding: 10px 0;
}
.new span{
	display: block;
	font-size: 0.8em;
}
.new>ul li a{
	font-size: 0.9em;
	font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}
/*页尾*/
footer{
	background: #000000;
	color: #fff;
	text-align: center;
}

footer h3{
	margin-bottom: 15px;
}
footer h3 span{
	display: block;
	font-weight: 100;
	font-size: 0.7em;
}
.f_t p{
	font-size: 0.7em;
	line-height: 25px;
}
.f_t p span{
	margin-right: 10px;
}
.f_b p{
	font-size: 0.7em;
	
}
/*返回顶部*/
.back-top{
	position: fixed;
	right:10px;
	bottom:10px;
	z-index: 40;
	display: none;
}
/*关于我们单页*/
.ab-dan{
	margin-bottom: 30px;
}
.ab-dan p{
	line-height: 26px;
	text-align: justify;
	padding:1em;
}
.ab-dan img{
	width: 90%;
	margin: 20px auto;
	display: block;
}
/*产品单页*/
.p-dan img{
	width: 100%;
	height: 160px;
}
.p-dan .p_c li{
	width: 49%;
	padding: 0 8px;
	margin-bottom: 15px;
	text-align: center;
}
.p-dan li span{
	display: block;
	padding: 5px 0;
	height: 26px; 
	line-height: 26px; 
	overflow: hidden;
}
.p-dan .pagination {
	justify-content: center;
}
/*分页*/
.page{
	text-align: center;
}
.page a{
	margin: 0 2px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	font-size: 14px;
}
.page a.active{
	background:#F90000 ;
	color: #fff;
}
/*团队*/
.te-tu{
	width: 40%;
}
.te-tu p{
	width: 100%;
	height: 200px;
	position: relative;
	border: 1px solid #000000;
}
.te-tu img{
	position: absolute;
	left: 6px;
	top:6px;
	width: 100%;
	height: 200px;
}
article{
	margin-left: 20px;
	float: left;
	width: 55%;
}
article h4{
	font-size: 1.3em;
}
article span{
	
}
article p{
	font-size: 14px;
	color: #626161;
}
/*新闻单页*/
.tab{
	text-align: center;
	margin-bottom: 15px;
}
.tab a{
	display: inline-block;
	padding: 5px 20px ;
	background: #9e9e9e;
	border-radius: 5px;
	color: #fff;
	margin-right: 20px;
}
.tab .active{
	background: rgb(249, 0, 0);
}
.lists{
	display: none;
}
.lists.show{
	display: block;
}
/*联系我们单页*/
.lx h3{
	text-align: center;
}
.lx-d{
	width: 100%;
}
.lx p{
	text-align: center;
	line-height: 30px;
}
.lx span{
	margin-right: 10px;
}
@media screen and (min-width: 768px) and (max-width:1020px) {
	.abo div{
		width: 100%;
		float: left;
		padding: 0 10px;
	}
	.te-tu{
		height: 300px;
	}
	.te-tu{
		height: 300px;
	}
	.new li span{
		display: inline-block;
		float: right;
	}
	.more{
		width: 50%;
		margin: 20px auto;
	}
}
@media screen and (max-width:460px ) {
	.te-tu{
		width: 100%;
	}
	article{
		width: 100%;
	}
}


.pageController{padding-right:10px; padding-top: 18px;padding-bottom:30px;color:#505050;margin:0 auto;border-top:1px solid #E2E3E4;margin-top:10px;line-height:24px;overflow: hidden;width: 100%;}
.pageController li{float: left;padding: 0px 5px;}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;}
.pageController a:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .t2{float:right;vertical-align:middle;line-height:24px;}
.pageController .t2 #current{padding:0 5px;line-height:24px;}
.pageController .t1 span{padding-left:4px;padding-right:4px;}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController select option{vertical-align:middle;}

.pagination{width:100%;padding-left:0;margin:20px 0;border-radius:4px;display: flex;flex-wrap:wrap;justify-content: flex-start;}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;font-size: 0.8em;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px; height: 32px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:0;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7; height: 32px;}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.foot_list{width: 100%; height: 80px;position: relative;}
.foot{width: 100%; height: 80px; background: #3e3e3e; position: fixed; bottom: 0px;}
.foot ul{overflow: hidden; padding:10px 0px;}
.foot ul li{ width: 25%; padding:0px 14px; float: left; text-align: center;}
.foot ul li i{font-size: 2rem; color: #fff;margin-bottom: 5px;}
.foot ul li p{margin-top: 5px; color: #fff; font-size: 13px;}