/*Make from Mr.shine*/
/*2016-03-01 16:20*/
/*www.zjhz.cn*/

/*------style.css  start------*/
/*less*/
@c:center;
.f-small{font-size:12px;}
.f-mid{font-size:14px;}
.f-big{font-size:16px;}
@b:#000;
@g:#666;
@w:#fff;
@r:#d41c29;
*{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
body{
	overflow-x:hidden;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
  vertical-align: top;
	*display: inline/*IE7*/;
	*zoom: 1;
}
.none{
	display: none;
}
.fhover{
	color: #5e2693;
	transition: color 0.4s;
	-moz-transition: color 0.4s;
	/* Firefox 4 */
	-webkit-transition: color 0.4s;
	/* Safari and Chrome */
	-o-transition: color 0.4s;
	/* Opera */
}
.bghover{
	background-color: #5e2693;
	transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	/* Firefox 4 */
	-webkit-transition: background-color 0.4s;
	/* Safari and Chrome */
	-o-transition: background-color 0.4s;
	/* Opera */
}
.bdhover{
	transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	/* Firefox 4 */
	-webkit-transition: border-color 0.4s;
	/* Safari and Chrome */
	-o-transition: border-color 0.4s;
	/* Opera */
}
.clear{
	content:"";
	display:block;
	height:0;
	clear:both;
	float:none;
	margin:0;
}
/*container*/
.container{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}
.duration a, .hoverShadow, .list3 h4, .list6 h4, .list6 i {
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}


.header {
    position: relative;
    height: 118px;
    background: #FFF;
	
	h1 {
		float:left;
		width: 367px;
		height: 78px;
		z-index: 1;
		background: #FFF;
		margin-top: 20px;
		
		a {
			display: block;
			height: 78px;
			text-indent:-9999px;
		}
	}
	
	.nav {
		position: relative;
		font-size: 16px;
		text-align: right;
		padding-top:30px;
		width:830px;
		float:right;
		
		a {
			margin: 0 25px;
			color: #010101;
			text-shadow: 1px 1px #FFF;
			&:hover{
				color: #255c9c;
				text-shadow: 1px 1px #CCC;
			}
		}
		
		div {
			position: absolute;
			top: 105px;
			height: 2px;
			background: #20599c;
		}
	}

}


.banner {
    overflow: hidden;
	
	li {
		display: none;
		position: relative;
		float: left;
		margin-right: -100%;
		width: 100%;
		
		a {
			cursor: pointer;
			text-decoration: none;
			
			
			img {
				display: block;
				width: 100%;
				height: auto;
			}
			
			.animatingDiv {
				position: absolute;
				width: 50%;
				height: 50%;
				z-index: 3;
			}


		}
		
		.bst-ad1{ 
			left:0; 
			top:0; 
			-webkit-animation: toLeftTop 1s ease both; 
			animation: toLeftTop 1s ease both;
		}
		.bst-ad2{ 
			left:50%; 
			top:0; 
			background-position:right 0; 
			-webkit-animation: toRightTop 1s ease both; 
			animation: toRightTop 1s ease both;
		}
		.bst-ad3{ 
			left:0; 
			top:50%; 
			background-position:0 bottom; 
			-webkit-animation: toLeftBottom 1s ease both; 
			animation: toLeftBottom 1s ease both;
		}
		.bst-ad4{ 
			left:50%; 
			top:50%; 
			background-position:right bottom; 
			-webkit-animation: toRightBottom 1s ease both; 
			animation: toRightBottom 1s ease both;
		}
		
		.animatingDiv {
			position: absolute;
			width: 50%;
			height: 50%;
			z-index: 3;
		}
		
		&.current{
			display:block;
		}
		&.animating{
			display:block;
		}

	}

}


#footer{
	background: #e8e8e8;
	
	.contact{
		width:50%;
		padding-top: 55px;
		color: #282828;
		
		.title {
			margin-bottom: 5px;
			font-size: 18px;
			font-weight: bold;
		}
		
		.entitle {
			margin-bottom: 27px;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.line {
			margin-bottom: 32px;
			height: 2px;
			background: #282828;
			width:348px;
		}
		
		.txtbox {
			font-size: 12px;
			line-height: 2;
			
			.qr{
				.tc;
				margin-right:15px;
			}
			
			&:after{
				.clear;
			}
		}
	}
	
	.map{
		width:50%;
		height:348px;
		
		#allmap{
			height:348px;
		}
		
		.anchorBL{
			display:none!important;
		}
	}
	
	.information{
		background:#151515;
		height:87px;
		padding-top:23px;
		
		p{
			font-size:12px;
			color:#656464;
			line-height: 24px;
			
			a{
				font-size:13px;
				color:#999;
				
				&:hover{
					.fhover;
				}
			}
			
			span{
				color:#999;
				font-size:13px;
			}
		}
	}
}



.detail_cont{display:none;background:url(../images/fix_bak.png) left top repeat;width:100%;height:100%;position:fixed;z-index:999;top:0px;left:0px;}
.detail_show{display:none;width:940px;height:700px;margin:30px auto 0 auto;position:relative;}
.detail_cont .pstyle{background:#ffffff;overflow-y:scroll;margin:0;height:660px;padding:20px 90px;    line-height: 32px;}

.vnbtn{
	position:absolute;
	right:-60px;
	width:60px;
	top:59px;
}
.vnbtn a{
	display:block;
	width:60px;
	opacity:1!important;
	background:none;
	cursor:pointer;
}
.vnbtn  span,.jiathis_style .jtico{
	background:none!important;
}
 .vnclose{
	height:59px;
	display:block;
	width:60px;
	position:absolute;
	right:-60px;
	top:0px;
	background:url(../images/i1.jpg) no-repeat 0px -59px ;
}
.vnclose:hover{
	background-position:0px 0px;
}
.vnbtn #bds_more{
	height:63px !important;
	background:url(../images/i2.jpg) no-repeat 0px -63px !important;
	padding:0px;
	float:none;
}
.vnbtn #bds_more:hover{
	background-position:0px 0px;
}
.vnbtn .bds_tsina{
	height:58px;
	background:url(../images/i3.jpg) no-repeat 0px -58px;
}
.vnbtn .bds_tsina:hover{
	background-position:0px 0px;
}
.vnbtn .bds_tqq{
	height:61px;
	background:url(../images/i4.jpg) no-repeat 0px -61px;
}
.vnbtn .bds_tqq:hover{
	background-position:0px 0px;
}
.vnbtn .bds_qzone{
	height:59px;
	background:url(../images/i5.jpg) no-repeat 0px -59px;
}
.vnbtn .bds_qzone:hover{
	background-position:0px 0px;
}
.pstyle .title {
    font-size: 16px;
    line-height: 40px;
    color: #494949;
    text-align: center;
}
.pstyle .time {
    font-size: 12px;
    line-height: 40px;
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.imgcenter {
    padding: 20px 0;
    width: inherit;
    text-align: center;
    position: relative;
}

#products{
	.mt{
		text-align: center;
		border-bottom: 1px solid #e0e0e0;
		
		a{
			margin: 0 15px;
			line-height: 48px;
			font-size: 14px;
			color: #2f302a;
			transition-duration: .3s;
			-moz-transition-duration: .3s;
			-webkit-transition-duration: .3s;
			-o-transition-duration: .3s;
			
			&:hover{
				text-shadow:1px 1px 3px #999;
			}
		}
	}
	
	.mc{
		padding: 80px 0;
		
		.top{
			.tc;
			
			.title{
				color:#464646;
			}
			
			.line{
				width:76px;
				height:4px;
				display:block;
				background:#255c9c;
				margin:10px auto;
			}
			
			.subtitle{
				color:#999;
			}
		}
		
		.nr{
		
			margin-top:40px;
		
			ul{
				.tc;
				
				li{
					.box;
					margin:20px 6px;
					width: 284px;
					
					a{
						display: block;
						
						.imgbox{
							width: 284px;
							height: 240px;
							
							img{
								width: 284px;
								height: 240px;
							}
						}
						
						p{
							padding: 0 35px;
							line-height: 50px;
							font-size: 14px;
							color: #313131;
							background: #FFF;
							border-bottom: 2px solid #313131;
							text-align: center;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
					}
					
					&:hover p{
						 color:#FFF; 
						 background:#255c9c; 
						 border-color:#255c9c;
					}
				}
				
				&:after{
					.clear;
				}
			}
		}
	}
}

#articls{
	.mt{
		text-align: center;
		border-bottom: 1px solid #e0e0e0;
		
		a{
			margin: 0 15px;
			line-height: 48px;
			font-size: 14px;
			color: #2f302a;
			transition-duration: .3s;
			-moz-transition-duration: .3s;
			-webkit-transition-duration: .3s;
			-o-transition-duration: .3s;
			
			&:hover{
				text-shadow:1px 1px 3px #999;
			}
		}
	}
	
	.mc{
		padding: 80px 0;
		
		.top{
			.tc;
			
			.title{
				color:#464646;
			}
			
			.line{
				width:76px;
				height:4px;
				display:block;
				background:#255c9c;
				margin:10px auto;
			}
			
			.subtitle{
				color:#999;
			}
		}
		
		.nr{
		
			margin-top:40px;
		
			ul{
				.tc;
				
				li{
					.box;
					margin:20px 6px;
					width: 284px;
					
					a{
						display: block;
						width: 288px;
						padding: 10px 10px 30px;
						background: #f5f5f5;
						
						.imgbox{
							width: 267px;
							height: 172px;
							position: relative;
							overflow: hidden;
							
							img {
								width: 267px;
								height: 172px;
							}
							
							.fadeDiv {
								display: none;
								width: 100%;
								height: 100%;
								position: absolute;
								left: 0;
								top: 0;
								background: url(../images/icon3.png) no-repeat center rgba(37,92,156,.85);
							}
						}
						
						.title{
							margin-bottom: 10px;
							height: 60px;
							line-height: 60px;
							color: #313131;
							font-size: 14px;
							border-bottom: 2px solid #070707;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						
						.jianjie{
							height: 48px;
							overflow: hidden;
							font-size: 12px;
							color: #6f6f6f;
							line-height: 2;
						}
					}
					
					&:hover{
						box-shadow:0 2px 10px #CCC;
					}
					
				}
				
				&:after{
					.clear;
				}
			}
		}
	}
}


/*article_show*/
#article_show{
.mt{
		text-align: center;
		border-bottom: 1px solid #e0e0e0;
		
		a{
			margin: 0 15px;
			line-height: 48px;
			font-size: 14px;
			color: #2f302a;
			transition-duration: .3s;
			-moz-transition-duration: .3s;
			-webkit-transition-duration: .3s;
			-o-transition-duration: .3s;
			
			&:hover{
				text-shadow:1px 1px 3px #999;
			}
		}
	}
	.mc{
		.title{
			font-size: 18px;
			color: @g;
			font-weight: 500;
			.tc;
			margin-top: 20px;
		}

		.view_time{
			.f-small;
			.tc;
			color: @g;
			margin: 10px 0;
			span{
				.box;
			}
		}

		.neirong{
				.f-small;
				line-height: 30px;
		}

		.orientation{
			.f-small;
			color: @g;
			line-height: 25px;
			margin: 40px 0;
			
			a{
				color:@g;
				
				&:hover{
					.fhover;
				}
			}
		}
	}
}

#page{
	.mt{
		text-align: center;
		border-bottom: 1px solid #e0e0e0;
		
		a{
			margin: 0 15px;
			line-height: 48px;
			font-size: 14px;
			color: #2f302a;
			transition-duration: .3s;
			-moz-transition-duration: .3s;
			-webkit-transition-duration: .3s;
			-o-transition-duration: .3s;
			
			&:hover{
				text-shadow:1px 1px 3px #999;
			}
		}
	}
	
	.mc{
		padding: 80px 0;
		line-height: 35px;
		
		.top{
			.tc;
			
			.title{
				color:#464646;
			}
			
			.line{
				width:76px;
				height:4px;
				display:block;
				background:#255c9c;
				margin:10px auto;
			}
			
			.subtitle{
				color:#999;
			}
		}
			
		#page1{
		
			.nr{
				line-height: 2em;
				font-size: 12px;
				color: #2f302a;
				margin-top: 15px;
				
				img{
					width:100%;
				}
			}
		}
		
		#page2{
			padding-top:65px;
			
			.nr{
				margin-top:15px;
				
				ul{
					.tc;
					
					li{
						.box;
						margin: 15px 0;
						
						&:nth-of-type(1){
							width:100%;
							font-size:24px;
							color:@g;
							
							span{
								color:#255c9c;
							}
						}
						
						&:nth-of-type(2){
							width:100%;
							font-size:18px;
							color:@g;
							
							span{
								color:#0e3c71;
							}
						}
						
						&:nth-of-type(3){
							font-size:18px;
							color:@g;
							margin: 15px;
							
							span{
								color:#0e3c71;
							}
						}
						
						&:nth-of-type(4){
							font-size:18px;
							color:@g;
							margin: 15px;
							
							span{
								color:#0e3c71;
							}
						}
					}
				}
			}
		}
		
		#page3{
			margin-top:65px;
			background:#f6f6f6;
			padding-top:33px;
			
			.nr{
				margin-top:68px;
				padding-bottom:80px;
				
				ul{
					.tc;
					
					li{
						.box;
						margin:8px;
						
						p{
							color:@g;
							margin-top:10px;
						}
					}
				}
			}
		}
		
		#page4{
			padding-top:95px;
		}
	}
}

#main{
	.page1{
		padding: 34px 0 38px;
		background: #f5f5f5;
		text-align: center;
		
		.title{
			margin-bottom: 18px;
			font-size: 16px;
			font-weight: bold;
			color: #000;
		}
		.subtitle{
			font-size: 14px;
			color: #6f6f6f;
			text-transform: uppercase;
		}
	}
	
	.page2{
		height:388px;
		padding-top:125px;
		
		.left{
			.fl;
			position:relative;
			width:270px;
			height: 152px;
			
			.title{
				width:125px;
				height:45px;
				padding-left:30px;
				line-height:45px;
				font-size:18px;
				color:#fff;
				background:#255c9c;
				position: absolute;
				top: 52px;
			}
			
			.subtitle{
				width:120px;
				height:152px;
				border:2px solid #255c9c;
				.tc;
				padding-top:32px;
				color:#464646;
				line-height:18px;
				position: absolute;
				top: 0;
				right: 35px;
				
				.line{
					height:4px;
					display:block;
					width:76px;
					margin:22px auto;
					background:#255c9c;
				}
			}
		}
		
		.mid{
			width:372px;
			.fl;
			.f-small;
			color:@g;
			line-height:28px;
		}
		
		.right{
			.fr;
			
			.img-box{
				.fl;
				
				img{
					width:100%;
				}
			}
			
			.more{
				.fr;
				width:68px;
				height:78px;
				line-height:78px;
				margin-top:37px;
				.tc;
				
				a{
					color:#255c9c;
					.f-small;
				}
				
				.line{
					width:3px;
					height:78px;
					background:#255c9c;
					.fr;
				}
				
				&:hover{
					a{
						.fhover;
					}
					
					.line{
						.bghover;
					}
				}
			}
			
			&:after{
				.clear;
			}
		}
		
		&:after{
			.clear;
		}
	}
	
	.page3{
		padding: 65px 0 75px;
		background: #f6f6f6;
		
		.title{
			margin-bottom: 40px;
			font: bold 18px/20px Arial, Helvetica, sans-serif;
			text-align: center;
			text-transform: uppercase;
		}
		.newsNavBox {
			width: 184px;
			margin: 0 auto;
			overflow: hidden;
		}
		.newsNav {
			position: relative;
			width: 184px;
			padding-bottom: 10px;
			margin-bottom: 36px;
			text-align: center;
			border-bottom: 1px solid #737373;
			height: 30px;
			
			a {
				display: block;
				float: left;
				margin: 0 12px;
				width: 65px;
				text-align: center;
				font-size: 14px;
				color: #313131;
				cursor: pointer;
			}
			
			div {
				position: absolute;
				left: 12px;
				bottom: -2px;
				width: 65px;
				height: 3px;
				background: #255c9c;
				
			}
		}
		
		.tab-con-item{
			display:none;
			
			ul{
				.tc;
				
				li{
					.box;
					margin:20px 6px;
					width: 284px;
					
					a{
						display: block;
						width: 288px;
						padding: 10px 10px 30px;
						background: #fff;
						
						.imgbox{
							width: 267px;
							height: 172px;
							position: relative;
							overflow: hidden;
							
							img {
								width: 267px;
								height: 172px;
							}
							
							.fadeDiv {
								display: none;
								width: 100%;
								height: 100%;
								position: absolute;
								left: 0;
								top: 0;
								background: url(../images/icon3.png) no-repeat center rgba(37,92,156,.85);
							}
						}
						
						.title{
							margin-bottom: 10px;
							height: 60px;
							line-height: 60px;
							color: #313131;
							font-size: 14px;
							border-bottom: 2px solid #070707;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						
						.jianjie{
							height: 48px;
							overflow: hidden;
							font-size: 12px;
							color: #6f6f6f;
							line-height: 2;
						}
					}
					
					&:hover{
						box-shadow:0 2px 10px #CCC;
					}
					
				}
				
				&:after{
					.clear;
				}
			}
		}
	}
	
	.page4{
		padding: 65px 0 75px;
		
		.hgroup2 {
			margin-bottom: 32px;
			text-align: center;
			color: #313131;
			
			.title{
				margin-bottom: 10px;
				font: bold 18px/20px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
			}
			
			.subtitle
			{
				font-weight: bold;
				font-size: 16px;
			}
		}
		
		.newsNavBox{
			margin-bottom: 38px;
			
			a {
				.fl;
				display:block;
				margin-right: -1px;
				width: 299px;
				text-align: center;
				height: 60px;
				line-height: 60px;
				font-size: 14px;
				color: #6f6f6f;
				border: 1px solid #e1e1e1;
				
				span {
					font-size: 12px;
					text-transform: uppercase;
					margin-left: 10px;
				}

				&.hover {
					color: #255c9c;
				}
				&:hover{
					.fhover;
					color: #255c9c;
				}
			}
			
			&:after{
				.clear;
			}
		}
		
		.tab-con-item{
			display:none;
			
			ul{
				.tc;
				
				li{
					.box;
					margin:20px 6px;
					width: 284px;
					
					a{
						display: block;
						
						.imgbox{
							width: 284px;
							height: 240px;
							
							img{
								width: 284px;
								height: 240px;
							}
						}
						
						p{
							padding: 0 35px;
							line-height: 50px;
							font-size: 14px;
							color: #313131;
							background: #FFF;
							border-bottom: 2px solid #313131;
							text-align: center;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
					}
					
					&:hover p{
						 color:#FFF; 
						 background:#255c9c; 
						 border-color:#255c9c;
					}
				}
				
				&:after{
					.clear;
				}
			}
		}
	}
}
.phone_nav{
	display:none;
}
/*1200*/
 @media only screen and (max-width: 1200px) {
	.container{
		width:900px;
	}
	.header{
		h1{
			width:270px;
		}
		
		.nav{
			width:630px;
			
			a{
				margin: 0 16px;
				font-size:12px;
			}
			
			div{
				display:none;
			}
		}
	}
	
	#page{
		#page3 .nr ul li{margin: 15px!important;}
	}
	
	#main{
		.page2{
			height: 276px;
			padding-top: 62px;
			
			.mid{
				width:510px;
				margin-left: 15px;
			}
			
			.right{
				.img-box {
					display: none;
				}
			}
		}
	}
	
} 

/*900*/
 @media only screen and (max-width: 900px) {
 
	.container{
		width:768px;
	}
	.header{
		h1{
			width:230px;
		}
		
		.nav{
			width:537px;
			
			a{
				margin: 0 10px;
				font-size:12px;
			}
			
			div{
				display:none;
			}
		}
	}
	
	#main{
		.page2{
			
			.mid{
				width: 412px;
				margin-left: 0px;
			}
			
		}
	}
 
 }

 /*phone_nav*/
 .menu-top {
    border-top: solid 1px rgba(0,0,0,0.1);
    background-color: rgba(255,255,255,1);
    position: fixed !important;
	max-height: 428px;
	width: 300px !important;
	left: 50%;
	margin-left: -150px;
	border: solid 1px #cacaca;
    width: 100%;
    z-index: 99999999;
    height: 100%;
    top: -500px;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    transition: all 350ms ease;
    border-radius: 10px;
	
	li{
		list-style: none;
		margin-bottom: 0px;
		line-height: 18px;
		
		a {
			font-size: 13px;
			font-weight: 500;
			padding-left: 70px;
			color: #3b4043;
			line-height: 60px;
			border-bottom: solid 1px rgba(0,0,0,0.1);
			display: block;
			position: relative;
			
		}
	}
	
	&.show-menus {
		top: 50%;
		margin-top: -210px;
		transition: all 350ms ease;
	}
}

.header-navigation {
    float: right;
    color: #FFFFFF;
    height: 85px;
    width: 60px;
    text-align: center;
    line-height: 60px;
	background:url(../images/top_nav.png) no-repeat center center;
}
.submenu {
    max-height: 0px;
    overflow: hidden;
    transition: all 350ms ease;
	margin-bottom: 0px;
	
	a {
		font-size: 12px!important;
		line-height: 60px !important;
		opacity: 0.8;
		padding-left: 90px!important;
	}
	
	&.show-submenu {
		max-height: 500px !important;
		transition: all 350ms ease;
	}
}
.menu-wrapper-background {
    position: fixed;
    z-index: 99999;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}
 /*phone*/
 @media screen and (max-width:414px){
	.container{
		width:100%;
	}
	.header{
		height:85px;
		
		h1{
			margin-top: 5px;
			margin-left:10px;
		}
		
		.nav{
			.none;
		}
		
		.top{
			display:none;
		}
	}
	
	#main{
		.page2{
			padding-top:15px;
			height:auto;
			.left{
				float:none;
				margin:15px auto;
			}
			
			.mid{
				width:100%;
				padding:15px;
				float:none;
			}
			
			.right{
				float:none;
				
				.more{
					width:100%;
					height:auto;
					line-height: 5px;
					margin-top: 15px;
					
					.line{
						height: 3px;
						width: 78px;
						float:none;
						margin:15px auto;
					}
				}
			}
		}
		
		.page3{
			padding:30px 0 75px;
			.tab-con-item ul li{
				width:48%;
				margin: 1%;
				
				a{
					width:100%;
				}
				
				.imgbox {
					width:100%!important;
					height:auto!important;
					
					img{
						width:100%!important;
						height:auto!important;
					}
				}
			}
		}
		
		 .page4 {
			padding:30px 0 30px;
			.newsNavBox {
				padding:15px;
				a{
					width: 50%;
					overflow:hidden;
				}
			}
			.tab-con-item ul li {
				width:48%;
				margin: 1%;
				
				a{
					width:100%;
				}
				
				.imgbox {
					width:100%!important;
					height:auto!important;
					
					img{
						width:100%!important;
						height:120px!important;
					}
				}
			}
		 }
	}
	
	#footer{
		.address{
			.map{
				.none;
			}
			
			.contact{
				float:none;
				width:100%;
				padding:20px;
				
				.qr{
					display:none;
				}
			}
		}
		
		.information {
			height:auto;
			padding:20px;
		}
	}
	
	#articls .mc {
		padding:10px;
		
		.nr ul li {
			width:48%;
			margin: 1%;
			
			a{
				width:100%;
			}
			
			.imgbox {
				width:100%!important;
				height:auto!important;
				
				img{
					width:100%!important;
					height:auto!important;
				}
			}
		}
	}
	#article_show .mc{
		.orientation{
			padding:10px;
		}
		.neirong{
			padding:10px;
		}
	}
	#page .mc{
		padding:10px;
	}
	#page .mc #page1 .nr {
		padding:10px;
	}
	#page .mc #page2 .nr {
		padding:10px;
	}
	#page .mc #page2 .nr ul li{
		font-size:18px!important;
		text-align:left!important;
		width:100%!important;
		margin: 15px 0!important;
		
		p{
			line-height:30px;
		}
	}
	#page .mc #page3 .nr{
		margin-top:30px;
	}
	#page .mc #page3 .nr ul{
		li{
			width:48%!important;
			margin:1%!important;
			float:left;
			
			img{
				width:100%!important;
			}
		}
	}
	#products .mc{
		padding: 30px 0;
	}
	
	#products .mc .nr ul li{
		width:48%;
		margin: 1%;
		
		a{
			width:100%;
		}
		
		.imgbox {
			width:100%!important;
			height:auto!important;
			
			img{
				width:180px!important;
				height:120px!important;
			}
		}
	}
	
	.detail_show{
		width:100%;
		
		.pstyle{
			padding:15px;
		}
		.vnbtn{
			display:none;
		}
		.vnclose {
			right:0;
		}
	}
	
	.phone_nav{
		display:block;
	}
	
 }
/*other*/
.rotate-tip {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
	
}
.rotate-tip:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%;
}
@media only screen and (max-width : 736px) and (orientation : landscape) { 
	.rotate-tip{
		display: block;
	}
}