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

@media( max-width:640px){

.nav01 li{
    width: initial!important;
    float: inherit!important;
}
.nav02 li{
    width: initial!important;
    float: inherit!important;
}
.kf{
display: none!important;
}
.news .main .about h3 {
  width: 100%!important;
}
.news .main .index_news h3 {
   width: 100%!important;
}
.news .main .video h3 {
   width: 100%!important;
}
.top_info1 {
   width: 100%!important;
}
.footer_nav .footer_info {
display: none!important;
}

.footbottom {
display: none!important;
}

.cpc {
   width: 100%!important;
}
.footer_nav .main {
    width: 100%!important;
}

.footer_nav .main a {
    width: 25%!important;
    line-height: 40px!important;
height: auto!important;
}

.honer {
    height: auto!important;
}
.honer .list {
    width: 100%!important;
height: auto!important;
}
.honer .list ul {
    width: 100%!important;
height: auto!important;
}
.honer .list ul table{
    width: 100%!important;
}

.weige_server {
    width: 100%;
    height: auto!important;
}

.weige_server .main {
    width: 100%!important;
height: auto!important;
}
.weige_food .main {
    width: 100%!important;
}

.weige_per .main {
    width: 100%!important;
}
.weige_room {
height: auto!important;
    padding:0!important;
}
.weige_room .main {
    width: 100%!important;
    margin:0!important;
height: auto!important;
}
#ship{ display:none;}
.news {
    height: 950px!important;
}

.header .nav .nav01 a {
    width: 19.9%!important;
    margin-right: 0!important;
}
.news .main .index_news {
    width: 100%!important;
    position: static!important;
}
.news .main .about {
    width: 100%!important;
    position: static!important;
    right: 0;
}
.news .main .video {
    width: 100%!important;
position: static!important;
    left: 0;
}
.news .main {
    width: 100%!important;
    margin: 0 auto;
    position: relative;
    top: -50px;
}
img{width: 100%!important;border:0!important;}
.header .nav .nav02 a{    margin-left:0!important; width: 20%!important;}
.header .nav{ width:100%!important;}
.header .nav .nav01{width:100%!important;float: none!important;font-weight: 100!important;}
.header .nav .nav02{width:100%!important;float: none!important;font-weight: 100!important;}
.header a.logo{ display:none;}
.ybclass{ width:100%;}
.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:2%;}
.molgo{ width:78%; float:left;}
.modmenu{ width:10%; float:right; padding:5% 5%; position:relative; z-index:999;}

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

.logo { width:100%;}
.top_b { width:30%;}
.logo img { width:100%;}
.top_d { padding-bottom:5%;}
.navwrap { display:none;}
.top_left li { padding-right:5%;}
.top_right li { padding-left:5%; padding-right:0%;}
.top_right { display:none;}



.top_d { width:98%; height:auto; margin:0 auto;}
#top { width:98%; height:auto; margin:0 auto; margin:0 auto; max-width:825px; }
#top #nav li { width:12.5%;} 
#top #nav li img { width:100%;}
#top #nav ul a, #top #nav ul li { width:100%;}
#top #nav ul { top:100%;}
.mag_a { width:98%; margin:0 auto; padding-top:6%;}
.mag_left { display:none;}
.mag_left  img { width:86%;}
.mag_right { width:98%;}
.mag_right_left { width:39%;}
.mag_right_left img { width:100%}
.mag_right_right { width:61%;}
.mag_right_right img { width:100%}

.maf_right_left { width:61%;}
.maf_right_left img { width:100%}
.maf_right_right { width:39%;}
.maf_right_right img { width:100%}
.mag_right li { padding-bottom:5%;}
.fag_big { width:98%; padding-top:3%;}
.fag_big img { width:100%;}
.yq { padding-top:3%; padding-bottom:5%;}
.yq_left { width:18%;}
.yq_left img { width:80%;}
.yq_center { width:77%;}
.yq_center li { padding-right:1%; padding-bottom:1%; width:15%;}
.yq_right { display:none;}
.yq_right_right { width:40%; padding-left:5%;}
.yq_right_left { width:40%;}
.foot_nav {  padding-top:1%; }
.foot_left { padding-left:3%;}
.foot_center { padding-left:3%;}
.foot_right { padding-left:3%;}
.foot_nav { width:98%; max-width:652px; padding-bottom:2%; display:none;}
.foot_nav li a { padding:1%;}
.foot_nav li{ display:none;}
.foot_bottm { padding-top:2%; padding-bottom:5%;}
.foot { background-size:100%;}
.foot_bottm { line-height:18px; font-size:12px;}
.foot_d { padding-bottom:5%;}

.gd { width:98%; height:auto; margin:0 auto;}
.gd_left { width:98%;}
.gd_right { width:98%;}
.gd_right_a input  { width:60%; height:26px;}
.gd_right_left { width:100%;}
.gd_left img { width:60%;}
.gd_right_right { width:100%;}
.gd .gs_a { font-size:20px;}
.gd_right_f input { width:100%;}
.gd_right_a { padding-top:3%;}

.ga_right_af { display:none;}
.ga_right_aa { padding-right:10px;}
.gd_right_b img{ width:30%; max-width:124px;}
.gd_right { margin-top:5%;}
.gd_left { padding-top:3%;}
.gd .gs_b{ font-size:20px;}
.gd { line-height:26px;}
.ga_right_aa img { width:90%; max-width:124px;}


.zs_a { width:98%;}
.pd_left { display:none;}
.pd_right  { width:100%; padding-right:0px; line-height:26px; font-size:16px; padding-bottom:10%;}
.pd_right_head img { width:70%; text-align:center;}
.pd_right_head { text-align:center;}
.pd_right_a { width:100%; height:auto; }
.pd_right_a img { width:100%;}


.pf_left {display:none;}

.pf_right { width:98%; padding-bottom:8%; float:none;}
.news_s li{ width:50%; background-size:98%; padding-bottom:6%; margin-bottom:3%; font-size:14px;}
.news_s li img { width:98%;}
.pf_fa li { padding:0; line-height:20px; padding-left:1%; padding-right:1%; font-size:14px;}
.pf_fa  { width:100%;}

.zs { border-top: 4px solid #9c1b33;}
.topf { display:none;}
.ad { width:100%; background-size:100%; }
#pagetopdiv { width:100%;}
.prog { width:100%;}
.prog img { width:100%;}
.ad { display:none;}
.afd { width:100%; height:auto; display:block;}
.afd img { width:100%;}

.pf_s  li { width:50%; padding-bottom:5%;}

.ys_head img { width:86%;}
.ys_head { padding-top:6%; padding-bottom:8%;}
.ys_head { padding-bottom:5%;}
.ys_a { width:100%; background-size:100%;}
.ys_a li { width:50%; padding-bottom:26.1%; padding-top:0%;}
.ys_a li img { width:100%; position:relative;}
.ysd { width:90%;}
.ys_bottm img { width:90%;}
.ys_fa { width:90%; padding-top:5%; padding-bottom:10%;}
.ys_a { background:url(../images/huatuo88.png);  background-size:100%;}

.ys_fa li { padding:0; padding-left:1%; padding-right:1%; line-height:26px;}


.zs_head img { width:80%}
.zs_head { padding-top:8%;}
.zs_ad img { width:100%;}
.zs_ag { padding-top:6%; line-height:26px; font-size:16px;}
.zs_af  { width:90%; padding-bottom:20%; padding-top:4%; padding-top:6%; line-height:26px; font-size:16px;}

.lx_left { width:30%;}
.lx_left img { width:100%;}

.pda { font-size:14px; line-height:36px;}
.pd_ad { font-size:14px;}
.pda_left { width:50%;}
.pad_center { width:25%;}
.pad_right { width:25%;}
.pd_d{ padding-top:5%;}
.pad_d { font-size:14px; line-height:36px;}



.dad { font-size:14px; line-height:24px;}


#featured-area {
display:none;
	height: auto;
	width: 100%; padding-top:50px;
	margin:0px auto;
	margin-bottom:5%;
}

.roundabout-moveable-item {
	font-size:12px!important;
	height:200px; width:100%;
	cursor:pointer; padding:5px;
	border:1px solid #aaaaaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#f9f9f9;
}







/*解决方案*/
.juejie_head { width:100%; margin-top:3%;} 
.juejie_a_head { width:100%;}
.juejie_a li { width:32%;}
.juejie_a li img { width:40%;}
.juejie_a li span { font-size:14px; line-height:18px;}
.juejie_a li font { font-size:12px; }
.juejie_b span { font-size:16px;}
.juejie_b font { font-size:14px;}
.juejie_b { padding-top:2%;}
.juejie_g_left_b span { font-size:14px;}
.juejie_g_left_b font { font-size:12px;}

.juejir_f_left_a span { font-size:14px;}
.juejir_f_left_a font { font-size:12px;}


.juejie_g { width:100%;}
.juejie_g_left { width:65%;}
.juejie_g_left_a { width:100%;}
.juejie_g_left_a img { width:100%;}
.juejie_g_left_b { width:60%; left:40%; top:50%;}
.juejie_g_right { width:35%; height:auto;}
.juejie_g_right img { width:100%;} 
.juejie_g { width:100%;}
.juejie_f_left { width:45%;}
.juejir_f_left_b { width:100%;}
.juejir_f_left_b img { width:100%;}
.juejir_f_left_a { width:60%; left:40%; top:50%;}
.juejie_f_right { width:55%;}
.juejie_f_right  img{ width:100%;}































.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 {	
	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;}

/*----------------手机版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结束--------------------*/
.hCenter{ width:100%; margin:0 auto;}
.htub{ width:98%; margin:0 auto;}
ul.tub2{ width:100%; overflow:hidden;zoom:1; padding-top:1.5em;}
ul.tub2 li{ width:28%; float:left; margin:0 2%; margin-bottom:2em;}
ul.tub2 li span{ display:block; text-align:center; line-height:2em; font-size:1em;margin-top:5px;}

.hchp2{ width:100%; margin:0 auto; display:none;}
.mohchp{ width:100%; margin:0 auto; display:block; padding-top:20px;}
.motit1{ width:100%; height:auto; margin:0 auto;}
.mochjd{ width:98%; margin:0 auto;}
#kinMaxShow{visibility:hidden;width:100%; height:auto; overflow:hidden; border:1px solid #cfcfcf;}

.hNews{ width:100%; margin:0 auto; margin-top:20px;}
.htit2{ width:100%; height:auto; margin:0 auto; display:none;}
.motit2{ width:100%; height:auto; margin:0 auto; display:block;}
.hnewxin{ width:98%; margin:0 auto; margin-top:15px;}
.hxinwe{ width:100%; float:none; margin-bottom:1em;}
.hgy{ width:98%; margin:0 auto;}
.hgytu{ width:100%; float:none;}
.hjies{ width:100%; line-height:2em; font-size:14px;}
.hgywn{ width:100%; float:none; margin-top:1em;}

.miy1{ width:85%; margin-bottom:12px;}
.mingw{ width:83%; float:right; line-height:30px; font-size:0.8em;}


.yej1{ width:100%; margin-bottom:15px;border-top:1px solid #4d4d4d; padding-top:15px; }
.yej2{ width:100%;  border-top:1px solid #4d4d4d;padding-top:15px;  }
.yejlian{  width:90%; line-height:30px; font-size:12px; font-weight:normal; padding-left:10%;}
.yejb{  width:90%; line-height:36px; font-weight:bold; font-size:14px;padding-left:10%;}
.copy{ width:90%; margin-top:25px; line-height:30px; border-top:1px solid #4d4d4d; padding-top:5px; font-size:12px; font-weight:normal; padding-left:10%;}

/*---------------内页排版开��---------------------*/
.neiBnner{ width:100%; height:auto; margin:0 auto; }
.neiCent{ width:100%; margin:0 auto; margin-top:1em; padding-bottom:3em;}
.neileft{ width:20%; display:none; }

.moneicai{ width:100%; display:block; margin:0 auto;}
.modanq{ width:90%; line-height:2em; font-size:0.8em; background:url(../images/arrow2.gif) no-repeat left; padding-left:25px; margin-top:5px;}
.modanq a{ margin:0 5px;}

.mondh{ width:100%; line-height:2em; text-align:center; margin:0 auto; margin-top:15px; overflow:hidden;zoom:1;}
.mondh a{ display:block; float:left; margin:2% 4%; padding:2px 12px; font-size:0.8em;border:1px solid #3896da; border-radius:10px; line-height:1.8em;}
.mondh a:hover,.mondh a.current{ margin:2% 4%; padding:2px 12px; font-size:0.8em;border:1px solid #3896da; background:#3896da;border-radius:10px; line-height:1.8em; color:#fff; text-decoration:none;}


.neiright{ width:98%;float:none; margin:0 auto; margin-top:0.8em;}
.danqi{ width:100%; margin:0 auto; display:none;}

.youtit{ width:100%; background:url(../images/line3.gif) repeat-x center;}
.youtit h2{ width:25%; font-size:16px; margin-left:5%; line-height:35px; background:#fff; text-align:center; color:#0570ab; font-weight:normal;}
.rigCent{ width:100%; margin-top:5px; font-size:14px; line-height:36px;}
.abwen{ width:98%; margin:0 auto; line-height:36px; }
.wenlb{ width:100%;}
.newlist{ width:100%; margin:3% 0px; border-bottom:1px dashed #ccc; padding-bottom:3%;}
.newtu{ width:25%; float:left; border:1px solid #ccc;}
.newwetn{ width:70%; float:right;}
.newtit{ width:100%; line-height:3em; font-size:1em; font-weight:bold;}
.newwn1{ width:100%; font-size:1em; line-height:1.8em; display:none;}

.page{ width:100%; display:none;}
.page a{ display:block; margin-right:10px; float:left;}
a.page1{ width:8%; background:url(../images/arrow4.gif) no-repeat left; padding-left:1.5%;}
a.page2{ width:8%; background:url(../images/arrow5.gif) no-repeat right; padding-right:1.5%;}
a.page3{padding:2px 6px; line-height:20px; margin-top:5px;}
a.page3:hover,a.page3.current{ background:#be3201; color:#fff; text-decoration:none;}

.mopage{ width:88%; display:block; margin:0 auto;margin-top:20px; border-top:1px solid #e3e3e3; text-align:center; font-size:14px; line-height:30px; overflow:hidden;zoom:1;padding-top:10px; padding-left:10%;}
.mopage a{ display:block; margin-right:10px; float:left;}
a.mopage1{ width:19%; background:url(../images/arrow4.gif) no-repeat left; padding-left:1.5%;}
a.mopage2{ width:19%; background:url(../images/arrow5.gif) no-repeat right; padding-right:1.5%;}
a.mopage3{padding:2px 6px; line-height:20px; margin-top:5px;}
a.page3:hover,a.page3.current{ background:#be3201; color:#fff; text-decoration:none;}

.chanxiang{ width:100%; margin-top:20px;}
.protu{width:100%; border:1px solid #ccc;}
.prowen{ width:100%; margin-top:3%; border-top:1px solid #ccc; padding-top:3%;}
.protit{ width:100%; line-height:36px; font-size:16px; color:#333; border-bottom:1px solid #666;}
.prosj{ width:100%; margin-top:10px; line-height:30px; font-size:14px; color:#666;}
.prosj span{ color:#2a74c2; font-size:16px;}
.prosj2{ width:100%; margin-top:15px; line-height:30px; font-size:16px; color:#444;}

.feedback{ width:98%; margin:0 auto; }
.tis{ width:100%; line-height:36px; margin-left:auto; text-indent:inherit;}
.liuyan{ width:100%;margin-left:auto; margin-top:10px; }
.liu1{ width:100%;  margin-bottom:15px;}
.name1{ width:90%; float:none; padding-right:10px;heihgt:35px;text-align:left; line-height:35px;}
.feed1{ width:90%; float:none;}

.kuang1{ width:90%; height:33px;border:1px solid #b8b6b6; background:none; color:#444; line-height:33px; font-size:14px; text-indent:10px;}
.kuang2{ width:90%; height:100px;border:1px solid #b8b6b6; background:none; color:#444; line-height:33px; font-size:14px; padding-left:10px;}

.btn2{ width:126px; height:36px; margin-left:24%}
.btn3{ width:100%; height:36px; background:url(../images/btn2.gif) no-repeat; color:#444; font-size:14px; border:none;}










}