@charset "utf-8";

/* CSS Document */



@media( max-width:640px){

	

	






/*--------------------手机导航样式开始------------------------*/

.top_a { width:100%; height:auto;}

.top_a img { width:85%;}





.pors_a { width:98%; height:auto; padding-top:5%;}

.pors_a li { width:100%; height:auto;}

.pros { width:100%; height:auto;}

.pors_top img { width:100%; height:auto;}

.pors_j  span { font-size:18px; padding-top:3%; padding-bottom:3%;}



.yq_a { width:98%; padding-top:5%;}

.yq { width:100%; height:auto;}

.yq_ls { width:100%; padding-top:3%;}

.foot_a { width:100%; height:auto; padding-top:5%;}

.foot_os { width:100%; height:auto;}

.foot_nav { width:100%; height:auto;}

.foot_ld { width:100%; height:auto; padding-top:5%;}

.foot_ls { display:none;}

.foot { background:#009;}



.npors_left { display:none;}

.npors_a { width:98%; height:auto; padding-top:0; margin-bottom:5%;}

.npors_right { width:100%; height:auto;}

.npors_right_top img { width:100%; height:auto;}

.nabout_top  img { width:100%; height:auto;}

.npors_news li a {display:block; width:100%;}

.npors_news li { overflow:hidden; line-height:24px; padding-bottom:3%; margin-top:3%;}

.npors_news li  b { display:none;}

.npors_news { padding:3%;}

.nors_i li { margin:0;}

.nors_i { margin-top:5%;}

.npors_lsd  li { width:49%; margin-right:1%; line-height:20px; padding-bottom:3%;}

.npors_lsd  li img { width:100%; height:auto;}



.js_left { width:100%;}

.js_right { width:100%;}

.nabout p { text-indent:0em; padding-bottom:0; line-height:24px;}

.nabout { padding-top:5%;}



.nlianxi_o { width:100%; background:none;}

.nks { width:100%; height:auto; overflow:hidden;}

.nks img { width:100%;}

.nliaxi { height:auto;}

.nalianxi_left { width:100%; margin:0; height:auto;}

.nalianxi_left img { width:100%; height:auto;}

.npors_top { font-size:16px;}



.npors_lsd { margin-top:5%;}





.npros_head { width:100%; height:auto; padding-top:3%; padding-bottom:3%;}

.npros_left { width:98%; height:auto; float:none; margin:0 auto;}

.npros_left img { width:100%;}

.npros_right { width:98%;float:none; margin:0 auto; padding-bottom:5%;}



.npros_right p { font-size:14px;}



.nnews_a { width:98%;}

.djg { padding-top:5%;}

.djg { padding-top:3%;}

.nnews_head{ padding-top:4%; font-size:16px; line-height:26px;}

.nnews_aa { padding-top:3%; width:90%;}

.npros_lefta { width:100%;}

.npros_lefta img { width:100%; height:auto;}

.npros_gg li { width:100%; text-align:left; margin-bottom:0; padding-bottom:1%;}





/*手机导航*/



.dl-menuwrapper {



	width: 160%;

	max-width: 250px;

	float: right;

	position: absolute;

	top:0;

	right:0;

	padding-top:59px;

	 z-index:9999;

	-webkit-perspective: 1000px;

	-moz-perspective: 1000px;

	perspective: 1000px;

	-webkit-perspective-origin: 50% 200%;

	-moz-perspective-origin: 50% 200%;

	perspective-origin: 50% 200%;

}



/*.dl-menuwrapper:first-child {

	margin-right: 100px;

}

*/

.dl-menuwrapper button {	

	border: none;

	width:50px;

	height: 50px;

	text-indent: -900em;

	overflow: hidden;

	position: absolute;

	top:13%;

	right:0;

	cursor: pointer;

	outline: none;

	background:url(../images/menu-bg.gif) no-repeat center center;

	background-size: 65%;

}

.dl-menuwrapper button img{ width:100%; height:auto; background:#fff;}



.dl-menuwrapper button:hover ,

.dl-menuwrapper button.dl-active {	

	

}





.dl-menuwrapper ul {

	background: #fcfcfc;

  width:100%;

}





ul.dl-menu{ width:100px;}



.dl-menuwrapper ul {

	padding: 0;

	list-style: none;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.dl-menuwrapper li {

	position: relative;

}



.dl-menuwrapper li a {

	display: block;

	position: relative;

	padding: 15px 20px;

	font-size: 14px;

	line-height: 20px;

	font-weight: 300;

	color: #000;

	border-top: 1px solid #9b9b9b;	

	outline: none;	



}



.dl-menuwrapper li a span{ text-transform:capitalize; font-size:0.8em;}



.no-touch .dl-menuwrapper li a:hover {

font-weight:bold; text-decoration:none;

	background: #efeded;

  color:#0c96e3;

}



.dl-menuwrapper li.dl-back > a {

	padding-left: 30px;

	background: rgba(0,0,0,0.1);

}



.dl-menuwrapper li.dl-back:after,

.dl-menuwrapper li > a:not(:only-child):after {

	position: absolute;

	top: 0;

	line-height: 50px;

	font-family: 'icomoon';

	speak: none;

	-webkit-font-smoothing: antialiased;

	content: "\e000";

}



.dl-menuwrapper li.dl-back:after {

	left: 10px;

	color: rgba(0,0,0,0.8);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	transform: rotate(180deg);

}



.dl-menuwrapper li > a:after {

	right: 10px;

	color: rgba(0,0,0,0.8);

}



.dl-menuwrapper .dl-menu {

	margin: 5px 0 0 0;

	position: absolute;

	width: 100%;

	opacity: 0;

	pointer-events: none;

	-webkit-transform: translateY(10px);

	-moz-transform: translateY(10px);

	transform: translateY(10px);

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

}



.dl-menuwrapper .dl-menu.dl-menu-toggle {

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



.dl-menuwrapper .dl-menu.dl-menuopen {

widht:100px;

	opacity: 1;

	pointer-events: auto;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}





.dl-menuwrapper li .dl-submenu {

	display: none;

}





.dl-menu.dl-subview li,

.dl-menu.dl-subview li.dl-subviewopen > a,

.dl-menu.dl-subview li.dl-subview > a {

	display: none;

}



.dl-menu.dl-subview li.dl-subview,

.dl-menu.dl-subview li.dl-subview .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {

	display: block;

}





.dl-menuwrapper > .dl-submenu {

	position: absolute;

	width: 100%;

	top: 30px;

	left: 0;

	margin: 0;

}





.dl-menu.dl-animate-out-1 {

	-webkit-animation: MenuAnimOut1 0.4s;

	-moz-animation: MenuAnimOut1 0.4s;

	animation: MenuAnimOut1 0.4s;

}



.dl-menu.dl-animate-out-2 {

	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;

	-moz-animation: MenuAnimOut2 0.3s ease-in-out;

	animation: MenuAnimOut2 0.3s ease-in-out;

}



.dl-menu.dl-animate-out-3 {

	-webkit-animation: MenuAnimOut3 0.4s ease;

	-moz-animation: MenuAnimOut3 0.4s ease;

	animation: MenuAnimOut3 0.4s ease;

}



.dl-menu.dl-animate-out-4 {

	-webkit-animation: MenuAnimOut4 0.4s ease;

	-moz-animation: MenuAnimOut4 0.4s ease;

	animation: MenuAnimOut4 0.4s ease;

}



.dl-menu.dl-animate-out-5 {

	-webkit-animation: MenuAnimOut5 0.4s ease;

	-moz-animation: MenuAnimOut5 0.4s ease;

	animation: MenuAnimOut5 0.4s ease;

}



@-webkit-keyframes MenuAnimOut1 {

	50% {

		-webkit-transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		-webkit-transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		-webkit-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut2 {

	100% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut3 {

	100% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut4 {

	100% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut5 {

	100% {

		-webkit-transform: translateY(40%);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut1 {

	50% {

		-moz-transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		-moz-transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		-moz-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut2 {

	100% {

		-moz-transform: translateX(-100%);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut3 {

	100% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut4 {

	100% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut5 {

	100% {

		-moz-transform: translateY(40%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut1 {

	50% {

		transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@keyframes MenuAnimOut2 {

	100% {

		transform: translateX(-100%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut3 {

	100% {

		transform: translateZ(300px);

		opacity: 0;

	}

}



@keyframes MenuAnimOut4 {

	100% {

		transform: translateZ(-300px);

		opacity: 0;

	}

}



@keyframes MenuAnimOut5 {

	100% {

		transform: translateY(40%);

		opacity: 0;

	}

}



.dl-menu.dl-animate-in-1 {

	-webkit-animation: MenuAnimIn1 0.3s;

	-moz-animation: MenuAnimIn1 0.3s;

	animation: MenuAnimIn1 0.3s;

}



.dl-menu.dl-animate-in-2 {

	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;

	-moz-animation: MenuAnimIn2 0.3s ease-in-out;

	animation: MenuAnimIn2 0.3s ease-in-out;

}



.dl-menu.dl-animate-in-3 {

	-webkit-animation: MenuAnimIn3 0.4s ease;

	-moz-animation: MenuAnimIn3 0.4s ease;

	animation: MenuAnimIn3 0.4s ease;

}



.dl-menu.dl-animate-in-4 {

	-webkit-animation: MenuAnimIn4 0.4s ease;

	-moz-animation: MenuAnimIn4 0.4s ease;

	animation: MenuAnimIn4 0.4s ease;

}



.dl-menu.dl-animate-in-5 {

	-webkit-animation: MenuAnimIn5 0.4s ease;

	-moz-animation: MenuAnimIn5 0.4s ease;

	animation: MenuAnimIn5 0.4s ease;

}



@-webkit-keyframes MenuAnimIn1 {

	0% {

		-webkit-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		-webkit-transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		-webkit-transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn2 {

	0% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn3 {

	0% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn4 {

	0% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn5 {

	0% {

		-webkit-transform: translateY(40%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateY(0);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn1 {

	0% {

		-moz-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		-moz-transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		-moz-transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn2 {

	0% {

		-moz-transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateX(0px);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn3 {

	0% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn4 {

	0% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn5 {

	0% {

		-moz-transform: translateY(40%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateY(0);

		opacity: 1;

	}

}



@keyframes MenuAnimIn1 {

	0% {

		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@keyframes MenuAnimIn2 {

	0% {

		transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn3 {

	0% {

		transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn4 {

	0% {

		transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn5 {

	0% {

		transform: translateY(40%);

		opacity: 0;

	}

	100% {

		transform: translateY(0);

		opacity: 1;

	}

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {

	-webkit-animation: SubMenuAnimIn1 0.4s ease;

	-moz-animation: SubMenuAnimIn1 0.4s ease;

	animation: SubMenuAnimIn1 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {

	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;

	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;

	animation: SubMenuAnimIn2 0.3s ease-in-out;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {

	-webkit-animation: SubMenuAnimIn3 0.4s ease;

	-moz-animation: SubMenuAnimIn3 0.4s ease;

	animation: SubMenuAnimIn3 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {

	-webkit-animation: SubMenuAnimIn4 0.4s ease;

	-moz-animation: SubMenuAnimIn4 0.4s ease;

	animation: SubMenuAnimIn4 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {

	-webkit-animation: SubMenuAnimIn5 0.4s ease;

	-moz-animation: SubMenuAnimIn5 0.4s ease;

	animation: SubMenuAnimIn5 0.4s ease;

}



@-webkit-keyframes SubMenuAnimIn1 {

	0% {

		-webkit-transform: translateX(50%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn2 {

	0% {

		-webkit-transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn3 {

	0% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn4 {

	0% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn5 {

	0% {

		-webkit-transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn1 {

	0% {

		-moz-transform: translateX(50%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateX(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn2 {

	0% {

		-moz-transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateX(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn3 {

	0% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn4 {

	0% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn5 {

	0% {

		-moz-transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn1 {

	0% {

		transform: translateX(50%);

		opacity: 0;

	}

	100% {

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn2 {

	0% {

		transform: translateX(100%);

		opacity: 0;

	}

	100% {

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn3 {

	0% {

		transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn4 {

	0% {

		transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn5 {

	0% {

		transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0);

		opacity: 1;

	}

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {

	-webkit-animation: SubMenuAnimOut1 0.4s ease;

	-moz-animation: SubMenuAnimOut1 0.4s ease;

	animation: SubMenuAnimOut1 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {

	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;

	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;

	animation: SubMenuAnimOut2 0.3s ease-in-out;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {

	-webkit-animation: SubMenuAnimOut3 0.4s ease;

	-moz-animation: SubMenuAnimOut3 0.4s ease;

	animation: SubMenuAnimOut3 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {

	-webkit-animation: SubMenuAnimOut4 0.4s ease;

	-moz-animation: SubMenuAnimOut4 0.4s ease;

	animation: SubMenuAnimOut4 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {

	-webkit-animation: SubMenuAnimOut5 0.4s ease;

	-moz-animation: SubMenuAnimOut5 0.4s ease;

	animation: SubMenuAnimOut5 0.4s ease;

}



@-webkit-keyframes SubMenuAnimOut1 {

	0% {

		-webkit-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(50%);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut2 {

	0% {

		-webkit-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(100%);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut3 {

	0% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut4 {

	0% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut5 {

	0% {

		-webkit-transform: translateZ(0);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(-200px);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut1 {

	0% {

		-moz-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-moz-transform: translateX(50%);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut2 {

	0% {

		-moz-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-moz-transform: translateX(100%);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut3 {

	0% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut4 {

	0% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut5 {

	0% {

		-moz-transform: translateZ(0);

		opacity: 1;

	}

	100% {

		-moz-transform: translateZ(-200px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut1 {

	0% {

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		transform: translateX(50%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut2 {

	0% {

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		transform: translateX(100%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut3 {

	0% {

		transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		transform: translateZ(-300px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut4 {

	0% {

		transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		transform: translateZ(300px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut5 {

	0% {

		transform: translateZ(0);

		opacity: 1;

	}

	100% {

		transform: translateZ(-200px);

		opacity: 0;

	}

}





.no-js .dl-menuwrapper .dl-menu {

	position: relative;

	opacity: 1;

	-webkit-transform: none;

	-moz-transform: none;

	transform: none;

}



.no-js .dl-menuwrapper li .dl-submenu {



	display: block;

;

}



.no-js .dl-menuwrapper li.dl-back {

	display: none;



}



.no-js .dl-menuwrapper li > a:not(:only-child) {

	background: rgba(0,0,0,0.5);



}



.no-js .dl-menuwrapper li > a:not(:only-child):after {

	content: '';

}





/*--------------------手机导航样式结束------------------------*/



.hbann{ width:100%; margin:0 auto; display:none;}

.moBanner{ width:100%; margin:0 auto; display:block; overflow:hidden;}



/*----------------手机版banner开始----------------*/

.swiper-container {



	margin:0 auto;



	position:relative;



	overflow:hidden;



	-webkit-backface-visibility:hidden;



	-moz-backface-visibility:hidden;



	-ms-backface-visibility:hidden;



	-o-backface-visibility:hidden;



	backface-visibility:hidden;



	/* Fix of Webkit flickering */



	z-index:1;



}



.swiper-wrapper {



	position:relative;



	width:100%;



	-webkit-transition-property:-webkit-transform, left, top;



	-webkit-transition-duration:0s;



	-webkit-transform:translate3d(0px,0,0);



	-webkit-transition-timing-function:ease;



	



	-moz-transition-property:-moz-transform, left, top;



	-moz-transition-duration:0s;



	-moz-transform:translate3d(0px,0,0);



	-moz-transition-timing-function:ease;



	



	-o-transition-property:-o-transform, left, top;



	-o-transition-duration:0s;



	-o-transform:translate3d(0px,0,0);



	-o-transition-timing-function:ease;



	-o-transform:translate(0px,0px);



	



	-ms-transition-property:-ms-transform, left, top;



	-ms-transition-duration:0s;



	-ms-transform:translate3d(0px,0,0);



	-ms-transition-timing-function:ease;



	



	transition-property:transform, left, top;



	transition-duration:0s;



	transform:translate3d(0px,0,0);



	transition-timing-function:ease;



}







.swiper-free-mode > .swiper-wrapper {



	-webkit-transition-timing-function: ease-out;



	-moz-transition-timing-function: ease-out;



	-ms-transition-timing-function: ease-out;



	-o-transition-timing-function: ease-out;



	transition-timing-function: ease-out;



	margin: 0 auto;



}



.swiper-slide {



	min-width: 50px;



	float: left;



	display: block;



	background-color: rgba(255, 255, 255, 0.15);



}







.swiper-scrollbar {



	position: relative;



	-ms-touch-action: none;



	background: rgba(0,0,0,0.2);



	height: 4px;



	width: 100%;



	margin: 8px auto;



	margin-top: 2px;



}



.swiper-scrollbar-drag {



	height: 100%;



	width: 100%;



	position: relative;



	background: rgba(0,0,0,0.3);



	border-radius: 3px;



}



.swiper-scrollbar-cursor-drag {



	cursor: move;



}







/* IE10 Windows Phone 8 Fixes */



.swiper-wp8-horizontal {



	-ms-touch-action: pan-y;



}



.swiper-wp8-vertical {



	-ms-touch-action: pan-x;



}







/* ===============================================================



Your custom styles, here you need to specify container's and slide's



sizes, pagination, etc.



================================================================*/



.swiper-container {



	display: block;



	float: left;



	width: 100%;



	margin-top: -1px;



}



.swiper-container  img {



	width: 100%;



	height: auto;



	display: block;



}







#slider-swiper {



	background-color: #BB2222;



}



#gallery-swiper {



	display: block;



	width: 96%;



	margin: 8px 2%;



}



#gallery-swiper a {



	display: block;



	width: 120px;



	height: auto;



}





/*------------------手机版banner结束--------------------*/









/*---------------内页排版开始---------------------*/











}