﻿*{margin:0px;border:0px;font-family:"mirocsoft Yehei","微软雅黑";box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
body{background:#FFFFFF;}
a{text-decoration:none;color:#2c80c0;}
p{text-indent:2em;line-height:200%;}
section{display:block;position:relative;}
UL{padding:0px;}
li{list-style-type:none;}
p img{margin-left:-2em;
      padding:10px;}

.clear{
	clear:both;
}


/*********mian**********/
.main{
	width:100%;
	background:#e0eef7 url(../images/bg.jpg) 0px 0px no-repeat;
	background-size:100%;	
}


.bannner_wapper{
	width:1000px;
	margin:auto;
}

.content_wapper{
	width:1000px;
	margin:auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#FFFFFF;
	padding:20px;
	overflow:hidden;
}

.Modular{
	width:96%;
	margin:2%;
	overflow:hidden;
}

.Modular_title{
	width:100%;
	margin:auto;
}


.Modular_title-num{
	display:inline-block;
	width:70px;
	height:70px;
	border-radius:50%;
	text-align:center;
	background:#2da1da;
	color:#FFFFFF;
	font:italic 400 30px/70px "微软雅黑";
}

.Modular_title-content{
	width:96%;
	padding:5px 0px 5px 50px;
	color:#FFFFFF;
	font-size:20px;
	background:#2da1da;
	margin:-54px 0 10px 4%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
}



.Modular_content{
	padding:20px;
}

.Modular_content p{
    padding-top:10px;
	font-size: 14px;
}

.Modular_content H4{
	color:#2da1da;
	padding-top:10px;
}


.Modular_content-left{
	float:left;
}
.Modular_content-right{
	float:right;
	padding:0 0 20px 20PX;
}



.products{
	width:100%;
	margin:auto;
	padding-bottom:30px;
}

.products_wapper h3{
	padding:30px;
	text-align:center;
	font-size:1.5em;
	font-weight:400;
	
}

.products_wapper-more a{
	float:right;
	background:#cc2e2e;
	font-size:0.8em;
	color:#FFFFFF;
	padding:3px 10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin-bottom:20px;
}

.products_wapper-list{
	padding:0px;
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	overflow:hidden;
}

.products_wapper-list li{
	position:relative;
	width:25%;
	float:left;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;	
}

.products_wapper-list-img{
	width:100%;
}



.products_wapper-list-info{
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity = 0);
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
padding: 35% 10px;
text-align: center;
color: #FFF;
font-size: 1em;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-ms-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}

.products_wapper-list li:hover .products_wapper-list-info{
	opacity: 1;
	filter: alpha(opacity = 100);
}

.news{
	width:100%;
	margin:auto;	
	
}
.news_wapper{
	padding:10px 30px;
	width:100%;
	background:#cfcfcf;
	margin-bottom:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.news_wapper-newslist{
	padding-bottom:30px;
}

.news_wapper-title{
	margin:10px 0  20px 0;
	font-size:1.2em;
}

.news_wapper-news{
	width:90%;
	margin-top:10px;
	font-size:0.8em;
}

.news_wapper-news span{
	float:right;
}

.footer{
	background:#1d1d1d;
	overflow:hidden;
}

.footer_wapper{
	width:1000px;
	margin:auto;
	font-size:0.8em;
	color:#FFFFFF;
}
.footer_wapper-address{
	padding:20px;
	float:left;
	WIDTH:70%;
}
.footer_wapper-qrcode{
	width:30%;
	float:left;
	text-align:center;
}

.footer_wapper-qrcodeimg{
	width:160px;
	padding:20px;
}

.breadCrumbs{
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
	font-size: 13px;
}


@media only screen and (max-width:370px){
	.bannner_wapper,
	.content_wapper{
		width:100%;
	}
	.content_wapper{
		padding:10px;
	}
	.Modular_content{
		padding:10px;
	}
	.Modular_title-num{
		width:60px;
		height:60px;
	}
	.Modular_title-num{
		font: italic 400 30px/60px "微软雅黑";
	}
	
	.Modular_title-content{
		margin: -50px 0 10px 4%;
		font-sizE:1.2em;
	}
	
	.footer_wapper{
		width:100%;
	}
	.footer_wapper-address
	,.footer_wapper-qrcode{
		width:100%;
	}

	.products_wapper-list li{width:100%;}
	.img_wapper{
	width:100%;
	}
	#nb_icon_wrap{
	display:none!important;}
}

@media only screen and (min-width:371px) and (max-width:999px){
	.bannner_wapper,
	.content_wapper{
		width:100%;
	}
	.content_wapper{
		padding:10px;
	}
	.Modular_content{
		padding:10px;
	}
	.Modular_title-num{
		width:60px;
		height:60px;
	}
	.Modular_title-num{
		font: italic 400 30px/60px "微软雅黑";
	}
	
	.Modular_title-content{
		margin: -50px 0 10px 4%;
		font-sizE:1.2em;
	}
	
	.footer_wapper{
		width:100%;
	}
	.footer_wapper-address
	,.footer_wapper-qrcode{
		width:100%;
	}

	.products_wapper-list li{
	width:50%;}

	.img_wapper{
	max-width:370px;
	}
	#nb_icon_wrap{
	display:none!important;}
}

