@charset "utf-8";

/*产品展示*/
.main {
	padding-top:40px;
}
/*左侧内容*/
.conright {
	width: 930px;
	float: right;
	min-height: 300px;
	overflow: hidden;
}
.crumb {
	height: 40px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
.crumb h2 {
	font-size: 20px;
	font-family: "微软雅黑";
	color: #c40001;
	line-height: 40px;
}
.crumb span {
	display: inline-block;
	background:url(../images/icon_home.png) no-repeat left center;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #828282;
    float: right;
    text-align: right;
    padding-right: 10px;
    padding-left: 25px;
}
.crumb span a {
	font-size: 14px;
	font-family: "微软雅黑";
	color: #828282;
}


/*产品展示*/
.prolist  {
	overflow: hidden;
}
.prolist ul {
    margin-bottom: 10px;
    overflow: hidden;
}
.prolist  li {
	width: 286px;
	height: 255px;
	float: left;
	border:1px solid #d8d8d8;
	margin:0 11px 35px;
}
.prolist  li a {
	display: block;
}
.prolist  li div {
	width: 286px;
	height: 215px;
	background: #bfbfbf;
	overflow: hidden;
	position: relative;
	/*display: table-cell;*/
	vertical-align: middle;
	text-align: center;
	*text-align:center;/* 针对IE的Hack */
	*display: block;
}
.prolist li div:before {
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height: 100%;
	background: url(../images/promark.png) no-repeat top center;
	background-size: contain;
	z-index: 1;
}
.prolist  li div img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
	height: auto;
    max-width: 100%;
    min-height: 100%;
}
.prolist  li span {
	display: block;
	text-align: center;
	font-family: "微软雅黑";
	color: #646464;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
}
/*.prolist  li:hover img {
	transition: 1s;
	transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1);   	
	-moz-transform:scale(1.1,1.1);  	
	-webkit-transform:scale(1.1,1.1);   
	-o-transform:scale(1.1,1.1);  
}*/
.prolist  li:hover a {
	background:#0058c4;
}
.prolist  li:hover span {
	color: #fff;
}

/*新闻样式*/
.newlist {
	min-height: 270px;
	overflow: hidden;
	padding-bottom: 40px;
	margin:0 auto;
}
.newlist ul {
	margin-bottom: 20px;
}
.newlist li {
	height: 60px;
	padding: 12px 0;
	border: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
.newlist li .date {
	width: 78px;
	height: 60px;
	float: left;
	border-right: 1px solid #d1d1d1;
	margin-right: 15px;
}
.newlist li .date h1 {
	font-family: "Arial";
	color: #9b9b9b;
	font-size: 36px;
	text-align: center;
	line-height: 35px;
}
.newlist li .date h2 {
	font-family: "Arial";
	color: #7d7d7d;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	font-weight: normal;
}
.newlist li .newcon {
	width: 730px;
	height: 60px;
	float: left;
}
.newlist li .newcon h1 {
	font-family: "微软雅黑";
	color: #393939;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.newlist li .newcon span {
	font-family: "微软雅黑";
	color: #7d7d7d;
	font-size: 14px;
	line-height: 25px;
	display: block;
	height: 30px;
	overflow: hidden;
}
.newlist li:hover {
	border: 1px solid #0058c4;
	background: #0058c4;
}
.newlist li:hover .newcon h1,.newlist li:hover .newcon span,.newlist li:hover .date h1,.newlist li:hover .date h2 {
	color: #fff;
}


/*单页*/
.content {
	min-height: 200px;
}
.pagecon {
	padding: 0 20px;
	overflow: hidden;
}
.tita {
	font-size: 22px;
	font-family: "微软雅黑";
	color: #0058c4;
	display: block;
	text-align: center;
	line-height: 30px;
}
.info {
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333;
	display: block;
	text-align: right;
	line-height: 30px;
	margin-bottom: 15px;
}
.content, .content p,.content span  {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666;
    line-height: 35px;
}
.content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin:0 auto;
}

/*留言板*/
.m-form{line-height:29px;color:#555;}
.m-form legend{font-size:14px;font-weight:bold;}
.m-form form {float: left;}
.tips{float: right;margin-top: 50px;border: 1px solid #ccc;padding: 30px;}
.m-form .formitm{padding:20px 0 0;line-height:30px;}
.m-form .formitm.last{padding:10px 0;}
.m-form .formitm-1{padding-left:100px;}
.m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:bold;}
.m-form .ipt{margin-left:100px; background:none;}
.m-form .ipt *{vertical-align:middle;height: 30px;}
.m-form .ipt a,.m-form .ipt a:hover{text-decoration:none;color:#fb5500;}
.m-form .ipt img{height:28px;margin:0 15px 0 5px;}
.m-form .ipt .domain{margin:0 0 0 5px;font-weight:bold;color:#777;}
.m-form .ipt p{height:22px;line-height:22px;color:#fb5500;}
.m-form .tip{padding-top:10px;color:#545454!important;}
.m-form .tip input{margin:0 5px 3px 0;}
.m-form .u-btn {width: 50px;height: 30px;background: #0e60bc;border: none;color: #fff;margin-right: 15px;outline: none;}

/* 上下篇*/
.n-p{padding:10px 0;border-bottom: 1px dotted #afafaf;font-family:"微软雅黑";    overflow: hidden;overflow: hidden;}
.n-p li{float: left;padding:0px 20px;max-width: 50%; line-height:24px; list-style:none}
.n-p li a:hover{ text-decoration:underline}
.n-p .p,.n-p .n{background: url(../images/icon.png) no-repeat;}
.n-p .p{background-position: 0px -332px;}
.n-p .n{background-position: 0px -313px;}

