@charset "utf-8";
/* CSS Document */

@media( max-width:640px){

/*--------------------手机导航样式开始------------------------*/
.jsk li img  { width:15%;}


.navBar { display:none;}
.top_a { width:98%;}
.top_a_left { width:100%;}
.top_a_right { width:100%; max-width:410px;}
.top_right_a { width:50%; padding-top:1%;}
.top_right_b { width:50%;}
.top_right_b img { width:50%;}
.top_right_b  a { font-size:10px;}

.about_top_a { width:40%; height:auto;}
.about_top_a img { width:80%;}
.about_a { width:100%; height:100%;}
.about_a { background-size:100%;}
.about_top_b { font-size:24px; padding-top:15%; padding-left:0%;}

.banner { display:none;}
.kbanner{margin-top:16%;}

.about_top { width:100%;}
.about_k { width:98%; height:auto;}
.banner { width:23%;}
.about_right { width:98%; float:none; margin:0 auto;}
#nav .mainCate { }
#nav .subCate { width:100%;}
#nav { width:100%;}
#nav .subCate { left:100%;}
.npros li { width:47%; margin-left:0%; margin-right:3%;}
.npros li a { font-size:14px; line-height:20px;}
.npros li:nth-child(2n+1) { margin-left:0px;}
.npros li:nth-child(3n+1) { margin-left:0%;}
.npros li img { width:100%; height:auto;}
.npros li:hover b { background-size:100%;}

.foot_a { width:100%;}
.foo_a_left { width:100%; text-align:center;}
.foot_a_center { width:100%; line-height:24px;}
.foo_a_right { width:100%; height:auto; margin:0 auto; text-align:center; padding-top:2%;}

/*导航*/
.nav { width:25%; margin-top:0; padding-bottom:0px;}
.hed_a { width:100%;}
.nav .sub { position:static;}
.navBar { width:100%;}

.logo { width:20%;}
.logo img { width:100%;}


/*首页*/
.pros_a { width:100%; margin-top:3%;}
.pros_b { width:100%; max-width:300px; padding-bottom:0; margin-bottom:4%;}


.pros_b .ks1 { width:100px; height:80px; background-size:80%;}
.pros_b .ks1:hover { width:100px; height:80px; background-size:80%;}

.pros_b .ks2 { width:100px; height:80px; background-size:80%;}
.pros_b .ks2:hover { width:100px; height:80px; background-size:80%;}

.pros_b .ks3 { width:100px; height:80px; background-size:65%;}
.pros_b .ks3:hover { width:100px; height:80px; background-size:65%;}

.pros_b .ks4 { width:100px; height:80px; background-size:80%;}
.pros_b .ks4:hover { width:100px; height:80px; background-size:80%;}

.pros_b .ks5 { width:100px; height:80px; background-size:80%;}
.pros_b .ks5:hover { width:100px; height:80px; background-size:80%;}

.pros_b .ks6 { width:100px; height:80px; background-size:80%;}
.pros_b .ks6:hover { width:100px; height:80px; background-size:80%;}

.pros_b .ks7 { width:100px; height:80px; background-size:80%;}
.pros_b .ks7:hover{ width:100px; height:80px; background-size:80%;}

.pros_b .ks8 { width:100px; height:80px; background-size:80%;}
.pros_b .ks8:hover { width:100px; height:80px; background-size:80%;}

.pros_b .ks9 { width:100px; height:80px; background-size:80%;}
.pros_b .ks9:hover { width:100px; height:80px; background-size:80%;}


.pros_b li { padding-bottom:15%;}
.pros_b p { bottom:15%;}
.pros_h_left { width:100%; height:auto;}
.pros_h_left img { width:100%; height:auto;}
.pros_h_right { width:100%; height:auto; padding-bottom:2%;}
.pros_h_right_a { font-size:18px; padding:4% 0 4% 0;}
.pros_g_left { width:100%; margin-bottom:5%;}
.slideTxtBox .hd ul { position:static; height:auto; margin-top:7%; top:5%; float:none; margin:0 auto;}
.pros_g_left span { font-size:18px;}
.pros_g_left font { font-size:14px;}
.slideTxtBox .hd ul li { margin-bottom:3%; width:29%; margin-left:1%; margin-right:0%; padding:1%;}


.picScroll-left .fd ol li { width:55%;}
.picScroll-left .fd ol li img { width:100%; height:auto;}
.picScroll-left .bd ul li { margin:0%; width:7%;}
.hsd span { font-size:14px;}
.kgs {  background-size:20%;}
.picScroll-left .fd ol li:hover .kgs { background-size:20%;}
.anli { padding-top:5%; padding-bottom:5%;}
.pros_g_right { display:none;}
.anli_h li { width:100%;}
.anli_h li img { width:100%; height:auto;}

.news_left { width:20%; display:none;}
.news_right { width:98%; float:none; margin:0 auto;}
.news_right span { font-size:16px;}
.yq li img { width:60px; height:38px; border-radius:0.4em;}

.about_right_c img { width:100%;}
.about_right_f li { width:48%; text-align:center;}
.about_right_f li img { width:90%;}

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


.nnews_left { width:100%;}
.nnews_left img { width:100%;}
.nnews_right { display:none;}
.nnews_right li img { width:100%; height:auto;}

.Mtime .tabBox .bd { width:100%; height:auto;}
.Mtime .tabBox .bd img { width:100%; height:auto;}
.Mtime .tabBox .hd { width:100%; height: auto;}

.Mtime .tabBox { width:100%;}
.pro_sd { width:100%;}
.slideTxt { width:100%;}
.Mtime .tabBox .hd li { width:100px; height:79px; background-size:100%; margin-right:1%;}
.Mtime .tabBox .hd li.on a { background-size:100%; height:83px; }
.Mtime .tabBox .hd img {
    width: 100px;
    height: 83px;
}


.pro_sd { font-size:14px;}
.bshare-custom { display:none;}
.Mtime .tabBox .hd li:nth-child(2n+2) { margin-right:15px;}


.case_left { width:100%; padding-left:2%;}
.case_right { width:100%;}
.qunar .e_pic_wrap li img { width:100%; height:auto;}
.about_right_b { font-size:16px;}
.case_left_a { font-size:20px;}

.cased_f img{ width:100%;}
.cased_top span { font-size:18px;}
.cased_top font { font-size:14px;}
.cased_f { font-size:14px; line-height:24px;}

.massge li input { width:96%;}
.massge { width:100%;  text-align:left; line-height:24px; font-size:16px;}
textarea { width:96%;}
.magess_l { width:100%; float:left; padding-left:0; text-align:left;}
.mages_right { float:left; width:100%; margin-left:0;}

.lianxi font { font-size:16px;}
.lianxi span { font-size:18px;}
.lianxi { line-height:24px;}

.magess_k { padding-left:0;}
.mages_foot { margin-left:1%; text-align:center;}

.lianxi_a li { width:100%;}
.lianxi_right { font-size:12px; line-height:18px;}
.lianxi_left img { width:100%; padding-top:2%;}

/*内页*/

.bd img{width: 100%;}



/*手机导航*/
.content { display: none;}
#moTou { display: block;}
.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:0%;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(../images/mob/menu-bg.gif) no-repeat center center;
	background-size: 65%;
}
.dl-menuwrapper button img{ width:100%; height:auto; }

.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";
	display:none;
}

.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*/
.hbann{ width:100%; margin:0 auto; display:none;}
.moBanner{ width:100%; margin:0 auto; display:block; overflow:hidden;}
.swiper-container  img { width:100%; height:auto;}
/*----------------手机版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;

}



}