.mianBox{ position: relative; min-width: 320px; max-width: 768px; margin: 0 auto; overflow: hidden;}
.menu{ display: table; position: relative; width: 100%; padding: 12px; background-color: #0B3292; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.fh{ float: left;}
.home{ float: right;}
.fh img,
.home img{ width: 20px;}

.contions{ width: 100%; position: relative; overflow: hidden;}
.neiscont{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.contions ul{ width: 100%; position: relative; display: table; font-size: 0;}
.contions ul li{ display: inline-block; vertical-align: top; width: 50%;
	border-bottom: 1px solid #E5791B; border-right: 1px solid #E5791B;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.contions ul li:nth-of-type(even){ border-right-color: transparent;}
.contions ul li:nth-of-type(4),
.contions ul li:nth-of-type(3){ border-bottom-color: transparent;}
.contions ul li img{ width: 100%; height: 100%; display: block;}

.foot{ width: 100%; position: absolute; bottom:0; background-color: #0B3292; padding:0 12px; font-size: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.foot a{ position: relative; height: 45px; line-height: 45px; display: inline-block; width: 50%; vertical-align: top; font-size: 16px; color: #fff; text-align: center;}
.foot a:nth-of-type(1):before{ position: absolute; right: 0; height: 100%; content: '';
	border-right: 1px solid #AFC6FF;
}
.foot a img{ width: 20px;}
.foot a:nth-of-type(1) img{ margin-right: 10px;}
.foot a:nth-of-type(2) img{ margin-left: 10px;}

.phomenu{ position: fixed; right: 0%; width: 40%; height: 100%; background-color: #0B3292; z-index: 999; overflow-y: auto;
		padding: 50px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
}
.phomenu a{ display:block; width: 100%; padding:10px; font-size: 16px; color: #fff; text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.phomenu a.on{
	background-color: #053BCE;
}
.phocts{ position: fixed; width: 100%; top: 0; height: 100%; opacity: 0; background-color: rgba(0,0,0,0.4); z-index: -99;}

.phocts,
.mianBox,
.phomenu{
	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
}
.phocts.active{ opacity: 1;z-index: 99;}
.mianBox.active{
	transform: translateX(-40%);
	-webkit-transform: translateX(-40%);
	-moz-transform: translateX(-40%);
}
.phomenu.active{
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
}

.waperTit{ padding: 16px 0; width: 100%;border-bottom: 1px solid #ccc; text-align: center;}
.waperTit h3{ font-size: 18px; color: #333;}

.contions2 .news{ width: 100%; padding:15px 15px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
}

.contions2 .news p{ margin-bottom: 15px; font-size: 15px; color: #999; line-height: 1.7; text-indent: 2em;}
.contions2 .news p img{ display: inline-block; max-width: 300px; height: auto;}


.contions1{
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
}
.contions1 ul{ position: absolute; top: 0; box-shadow: 0 2px 3px #ccc;
	transform-origin: left center;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transition-duration:1200ms;
	-webkit-transition-duration:1200ms;
	-moz-transition-duration:1200ms;
}

.contions1 ul:nth-of-type(1){z-index: 4;}
.contions1 ul:nth-of-type(2){z-index: 3;}
.contions1 ul:nth-of-type(3){z-index: 2;}
.contions1 ul:nth-of-type(4){z-index: 1;}

.contions1 ul:nth-of-type(4).active,
.contions1 ul:nth-of-type(3).active,
.contions1 ul:nth-of-type(2).active,
.contions1 ul:nth-of-type(1).active{
	transform: rotateY(-120deg);
	-webkit-transform: rotateY(-120deg);
	-moz-transform: rotateY(-120deg);
}

.ligs{ display: block; width: 100%; margin: 20px 0 10px; padding: 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ligs a{ width:100%; display: table; text-align: center;}
.ligs img{ display:inline-block; vertical-align: middle; width: 100px; border: 1px solid #16A4FA;}
.ligs .textg{  display:inline-block; vertical-align: middle; width: 200px; margin-left: 15px;}
.ligs .textg h3{ font-size: 16px; color: #666; margin-bottom: 10px;}
.ligs .textg p{ font-size: 14px; color: #999; line-height: 1.7; text-align:left;}



@media only screen and (max-width:320px) {
	.contions2 .news p img{ max-width: 280px;}
}

































