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

@media( max-width:640px){

.jjd{display:block;}
.navk1{display:block;}
.suspend{display:none;}
.dingb{ width:100%; margin:0 auto;}
#upOne{ width:100%; margin:0 auto; display:none;}
#moTou{ width:98%;  margin:0 auto; display:block; position:absolute; z-index:999; right:0; top:-5%;}
.molgo{ width:78%; float:left;}
.modmenu{ width:12%; float:right; padding:5% 5%; position:relative; z-index:999;}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { display:none;}
/*--------------------手机导航样式开始------------------------*/

.top { width:100%; margin:0 auto; position:relative; padding-bottom:1%; position:fixed; z-index:999999999; top:0; background:#fff;}
.top_a { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:2%; background:#FFFFFF;}
.top_logo { width:100%; height:auto; margin:0 auto; padding:0;}
.top_logo img { width:80%;}
.top_b { width:100%; height:auto;}
.navk { display:none;}
.newsn_a { font-size:16px;}

.navk1{background-color:#38A6F2; overflow:hidden; width:100%; height:auto;}
.navBar1 ul li{width: 32%; text-align: center;margin-top: 1%;float: left; color:#FFFFFF; margin-bottom: 1%;}
.navk1 span{color:#FFFFFF;}

.lpros_left { width:80%; float: none; margin:0 auto; background:url(../images/product_txt_01.jpg) no-repeat center top; background-size:100%; overflow:hidden; padding:60px 5px 11px}
.lpros_center {width:80%; float: none; margin:0 auto; background:url(../images/product_txt_02.jpg) no-repeat center top; background-size:100%; overflow:hidden; padding:60px 5px 11px}
.lpros_right { width:80%; float: none; margin:0 auto; background:url(../images/product_txt_03.jpg) no-repeat center top; background-size:100%; overflow:hidden; padding:60px 5px 11px}
.lpros_ab { padding-top:5%;}
.nrpsod_a { width:100%; height:auto;}
.nrpsod_a img  { width:100%; height:auto;} 

.pros { width:100%; margin-top:3%; height:auto; overflow:hidden; background: #38A6F2; /*background:url(../images/index_03.png) no-repeat center top;*/}
.pros_a { width:100%;}
.pros_b { width:98%; float:none; margin:0 auto; padding-top:3%; line-height:24px;}

.pros_k { width:96%; height:auto; margin-top:5%; padding:2%;}
.lpros { width:100%; margin-top:4%;}
.lpros_l li { width:50%;  margin:0 auto; margin-bottom:2%; overflow:hidden;}

.pro_d { width:100%; margin-left:1%; margin-right:1%; margin-top:3%;}
.imga .inner img { width:100%;}
.imga .inner { width:100%;} 
.imga .inner_a span { padding-top:5px; font-size:16px; line-height:36px;}
.imga .inner_a p{ padding-top:5px; font-size:12px; line-height:20px; color:#222f3b;}
.imga .inner_b {  text-align:center; background:#350d6d; border-radius: 0.8em;}
.imga .inner_b a { text-align:center; font-size:12px; line-height:20px; color:#fff;}
.imga .inner div { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.imga { float: left; width:100%; height: auto; padding-bottom:70%; overflow: hidden; margin: 0 1px 1px 0; }
.imga .inner img { width: 100%; height: auto; }
.mspro li span { font-size:16px; line-height:20px;}
/*.navBar { display:none;}*/

.imga b span { font-size:14px;}
.imga:hover b { padding-top:30%;}



.lpros_top span { font-size:16px;}
.news_a { width:98%; height:auto; margin:0 auto;}
.news_top { width:100%;}
.news_top img { width:80%;}
.news_b_left_b span { font-size:16px;}
.news_b_left { width:100%; height:auto; padding-bottom:8%;}
.TB-focus { width:100%; height:auto;}
.TB-focus .bd li img { width:100%; height:auto;}

.news_b_right { width:100%; height:auto; margin:0 auto;}
.news_o_left { display:none;}
.news_c_right { width:98%; padding:2%; line-height:24px;}
.news_c_right span { font-size:16px;}
.news_b_right li { margin-bottom:2%;line-height:18px;}

.suspend dl dt { width:39px!important; height:285px!important; background-size:100%;}
.suspend dl { height:285px!important; }
.suspend { height:285px!important; border-radius:0.6em; }
.lsd { background-size:100%!important; height:285px!important; margin-top:1%;}

.foot_a { width:100%; height:auto; margin:0 auto; padding-bottom:20%;}
.foot_a_left { width:96%; float: none; margin:0 auto;}
.foot_a_left img { width:100%; height:auto; margin:0 auto; display:none;}
.foot p {     text-align: center;
    padding-top: 5px;
	display:none;
	font-size:24px;}
	.foot span{display:block;
	font-size: 20px;
	    text-align: center;
    color: white;
    line-height: 32px;
    height: 73px;}
.foot_a_right { width:98%; height:auto; margin:0 auto; display:none;}
.foot_right_a { text-align:center; width:30%;}
.sj { position:fixed; z-index:9999999999; bottom:0; background:#0071b4; width:100%; height:auto; padding:2% 0 0 0; display:block;}
.sj li { width:20%; float:left; text-align:center; line-height:24px;}
.sj li a { color:#fff;}
.sj li img { width:45%;}


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

.npros_top { padding-bottom:3%; padding-top:3%;}
.npros_lsd .ls { width:20%; line-height:36px;}
.npros_lsd li { width:20%; line-height:36px;}
.npros_ks { width:98%; height:auto; margin:0 auto;}
.nabout_a img { width:100%;}
.nabout_a { line-height:24px;}

.npros_lsd { margin-bottom:5%;}
.yj li { width:48%; padding-right:2%; padding-left:0; margin-bottom:4%;}
.imgf .tex { line-height:26px;}



.imgf .inner img { width:100%;}
.imgf .inner { width:100%;} 
.imgf .inner_a span { padding-top:5px; font-size:16px; line-height:36px;}
.imgf .inner_a p{ padding-top:5px; font-size:12px; line-height:20px; color:#222f3b;}
.imgf .inner_b {  text-align:center; background:#350d6d; border-radius: 0.8em;}
.imgf .inner_b a { text-align:center; font-size:12px; line-height:20px; color:#fff;}
.imgf .inner div { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.imgf { float: left; width:100%; height: auto; padding-bottom:70%; overflow: hidden; margin: 0 1px 1px 0; }
.imgf .inner img { width: 100%; height: auto; }
.mspro li span { font-size:16px; line-height:20px;}
/*.navBar { display:none;}*/

.imga b span { font-size:14px;}
.imga:hover b { padding-top:30%;}

.jd li { width:48%; padding-right:2%; margin-bottom:4%;}
.imgh .inner img { width:100%;}
.imgh .inner { width:100%;} 
.imgh .inner_a span { padding-top:5px; font-size:16px; line-height:36px;}
.imgh .inner_a p{ padding-top:5px; font-size:12px; line-height:20px; color:#222f3b;}
.imgh .inner_b {  text-align:center; background:#350d6d; border-radius: 0.8em;}
.imgh .inner_b a { text-align:center; font-size:12px; line-height:20px; color:#fff;}
.imgh .inner div { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.imgh { float: left; width:100%; height: auto; padding-bottom:70%; overflow: hidden; margin: 0 1px 1px 0; }
.imgh .inner img { width: 110%; height: auto; }
.mspro li span { font-size:16px; line-height:20px;}
/*.navBar { display:none;}*/

.imgh b span { font-size:14px;}
.imgh:hover b { padding-top:30%;}
.imgh .tex { line-height:26px; }

.npros_ks_left { display:none;}
.npros_ks_right { width:96%; float:none; margin:0 auto; padding:1%;}
.npros_ks_left { width:98%;}
.npros_ks_right li { width:49%;  padding-right:1%;}
.npros_ks_right li:nth-child(3n+3) {  padding-right:1%;}
.img .inner img { width:100%;}
.img .inner { width:100%;} 
.img .inner_a span { padding-top:5px; font-size:16px; line-height:36px;}
.img .inner_a p{ padding-top:5px; font-size:12px; line-height:20px; color:#222f3b;}
.img .inner_b {  text-align:center; background:#350d6d; border-radius: 0.8em;}
.img .inner_b a { text-align:center; font-size:12px; line-height:20px; color:#fff;}
.img .inner div { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.img { float: left; width:100%; height: auto; padding-bottom:70%; overflow: hidden; margin: 0 1px 1px 0; }
.img .inner img { width: 110%; height: auto; }
.mspro li span { font-size:16px; line-height:20px;}
/*.navBar { display:none;}*/
.nnews li { padding:1%;}
.nnews_left { width:20%;}
.nnews_left span { font-size:16px;}

.nnews_left font { font-size:14px;}
.nnews_right { width:78%; float:left; padding-left:1%; line-height:20px;}
.nnews_right span { font-size:14px; line-height:22px;}
.nnews_right font { line-height:20px;}

.lianxi_left img { width:100%; height:auto;}
.liaxi { padding-top:2%; line-height:24px;}
.lianxi_left p span { width:100%;}
.magess_lk { width:95%; padding:2%;}

.mages li input { width:75%;}
.mages li #content { width:73%;}
.mages_a { width:90%; margin:0 auto; overflow:hidden; margin-top:5%; margin-bottom:5%;}
.mages_a li { width:35%; float:left;}
.mages { width:96%; height:auto; padding:2%;}

.suspend { top:15%!important;}




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


.npros_right { width:100%; height:auto;}
.box { width:98%; height:auto;}
.tb-s310, .tb-s310 img { width:100%; height:100%;}
.npros_lh { width:98%; height:auto; float:none; margin:0 auto;}

.zil_kh img { width:100%; height:auto;}
.zil_top  span { height:24px; line-height:24px;}
.zil_top { height:27px;}
.newsn_a { font-size:16px; padding-top:5%;}

.npros_lh_top { font-size:16px; line-height:24px; padding-top:3%;}
.tb-s40, .tb-s40 a{height:43px;width:65px;}
.tb-thumb .tb-selected {height:43px;}
.lpros_ab_rop { font-size:16px;}


/*手机导航*/

.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/mob/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 {	
	background-color:#fff;
}


.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; margin-top:40%;}

/*----------------手机版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结束--------------------*/




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





}