/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.desc { margin-bottom: 20px !important; }
	.welcome h3 { font-size: 20px; }
	
.pic1 {
	width:96%; float:left; margin-left:2%;margin-top:12%;margin-right:2%
}
.pic2 {
	width:96%; float:left; margin-left:2%;margin-top:12%;margin-right:2%
}
.pic3 {
	width:96%; float:left; margin-left:2%;margin-top:12%;margin-right:2%
}

.left_title2, .left_body, .contact_wrap{
	display: none 
}
.news-grid {
	padding:0;

	margin-right:2%;
	padding-bottom:2%;
	text-align:left;
	position:relative;
	  width: 100%;
}
.news-gridr {
	padding:0;

	margin-right:2%;
	padding-bottom:2%;
	text-align:left;
	position:relative;
	  width: 100%;
}
.container {width:100%;}
.marquee {width:100%;height:220px;overflow:hidden;border:0px solid #333; margin-left:10px;}
.marquee li{ display:inline; float:left; margin-right:12px;}
.marquee li a{ width:130px; height:160px; display:block; float:left; text-align:center; font-size:14px;}
.marquee li a:hove{ text-decoration:none;}
.marquee li img {width:138px; height:180px;}
.marquee li em{font-style: normal; height:24px; line-height:24px; display:block; margin-top:8px;}
	}

	}

/*----start-content-----*/
.content-top-grid{
	float:left;
	width:33.33%;
}
.content-top-grid-pic{
	float:left;
	width:20%;
}
.content-top-grid-title{
	float:right;
	width:78%;
}
.content-top-grid-title h3{
	font-family: 'Open Sans', sans-serif;
	color: rgba(31, 31, 31, 0.99);
	font-size: 2em;
	text-transform: uppercase;
	margin-top: 0.8em;
}
.content-top-grid p{
	font-size: 0.875em;
	line-height: 1.5em;
	color: #777;
	font-family: 'Open Sans', sans-serif;
	width: 90%;
	padding: 0.5em 0;
}


/*------start-services-----*/
.services1 h4{
	font-size: 1.5em;
	color: rgba(31, 31, 31, 0.99);
	font-family: 'Open Sans', sans-serif;
	padding: 30px 0px 0px 0px;
	margin-bottom: 13px;
	text-transform: uppercase;
}
.services-grids{
	background:none;
	padding: 0.5em 0 2em 0;
}
.services-grid1{
	margin:0px 0px 1em 0;
}
.services-grid1 h3{
	font-size:1.5em;
	padding-top:0.3em;
}
/*---start-news-----*/
/*---services----*/
.services {
	margin-bottom: 0em;
}
.service-content h3{
	font-size: 2.3em;
	color: #333;
	border: 0px solid rgba(192, 192, 192, 0.18);
	font-family:\5FAE\8F6F\96C5\9ED1;
	padding: 15px 0px 0px 15px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.service-content ul li{
	display: block;
}
.service-content ul li span{
	width: 5%;
	float: left;
	font-size: 3em;
	color: rgba(31, 31, 31, 0.99);
	font-family:\5FAE\8F6F\96C5\9ED1;
}
.service-content ul li p{
	float:right;
	width: 98.5%;
	display: block;
	font-family:\5FAE\8F6F\96C5\9ED1;
	font-size: 1em;
	color: #333;
	padding: 2px 0px 5px 0px;
	line-height: 1.7em;
}
.service-content ul li p a{
	font-size: 1.2em;
	color: #007DAD;
	font-family:\5FAE\8F6F\96C5\9ED1;
	display: block;
}
.service-content{
	float:right;color: rgba(31, 31, 31, 0.99);
	border: 1px solid rgba(192, 192, 192, 0.18);
	width: 73%;
	font-family:\5FAE\8F6F\96C5\9ED1;

}

.service-content ul{
	padding-bottom:5px;
}
.services-sidebar{
	float:left;
	width:15.5%;
}
.services-sidebar h3{
	font-size: 1.5em;
	color: rgba(31, 31, 31, 0.99);
	background: #007DAD;
	
}
.service-content1{
	float:right;color: #ccc;
	border: 1px solid rgba(192, 192, 192, 0.18);
	width: 63%;
	font-family:\5FAE\8F6F\96C5\9ED1;

}
.services-sidebar1{
	float:left;
	width:35.5%;
}
.services-sidebar1 h3{
	font-size: 1.5em;
	color: rgba(31, 31, 31, 0.99);
	background: #069DD6;
	
}
.services-sidebar img{
	
}
.services-sidebar ul li a:hover{
	color: #777;
}
.services-sidebar ul li {
	
}
.services-sidebar ul li:hover{
	background: url(../images/marker020.png) 0 19px no-repeat;
}

.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle;   color:#900; padding:5px 0px}
.InfoTitle h1{ font-size:16px; line-height: 1.5em; font-family:\5FAE\8F6F\96C5\9ED1;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:1.8em; padding:10px 0;}
.InfoContent p{margin: 0px; padding: 0px; color: rgb(77, 77, 77); font-family: arial, 宋体, sans-serif; line-height: 22px;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:100%; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:1px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; line-height:1.8em}

.info_product_detail_wrap{ line-height: 2.2em;}
.info_product_detail_wrap b{color: #626262; font-weight:bold;}
.info_product_detail_wrap table.detail_table{ width:100%; }
.info_product_detail_wrap table.detail_table th{ width: 100%;}


div#showpages {
	clear:both;
	padding:20px 0px;
	width:100%;
	height:30px;
	text-align:right;
}
div#pagesinfo {
	float:left;
	padding:3px 8px;
	white-space: nowrap;
	color:#b5b5b5;
}
div#pages {
	float:right;
	padding-right:8px;
	white-space: nowrap;
}
div#pages ul {
	margin:0;
	padding:0;
}
div#pages a:link, div#pages a:visited, div#pages a:active {
	color:#303030;
	text-decoration: none;
}
div#pages a:hover {
	color:#ff0000;
	text-decoration: none;
}
div#pages li {
	margin: 3px;
	padding: 0px 2px;
	list-style-type: none;
	float: left;
	width: 36px;
	background: #dcd9d4;
	color: #303030;
	border: 1px #dcd9d4 solid;
	white-space: nowrap;
	text-align: center;
}
div#pages li.pagesnow {
	color:#303030;
	background-color:#eee;
	white-space: nowrap;
	border:1px #dcd9d4 solid;
}
div#pages li.pbutton {
	color:#303030;
	background-color:#dcd9d4;
	padding:3px 5px 1px 5px;
	white-space: nowrap;
	border:1px #dcd9d4 solid;
}
div#pages li.opt {
	color:#303030;
	padding:0px;
	white-space: nowrap;
	border:0px;
	background:#fff;
}