@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px; outline:0; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{ color:#000; font-family: "Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol"; font-size:14px; background:#fff; -webkit-text-size-adjust:none; /*这个必须加上，在苹果手机上维持正常字体大小*/ }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
img[src=""]{ display: none; } /*隐藏没有src的img 在ie8 会显示分裂图 并且站高度*/
p{ margin: 0px;}
b,strong{ font-weight: bold; }
table{ border-collapse: collapse; border-spacing: 0; }
li{ list-style: none outside none;}
/*链接 ，作为容器不需要hover等*/
a{ text-decoration:none; outline:none; color: inherit; }
 

/*表单*/
form { margin: 0; }
button,input,select,textarea { font-family: inherit; font-size: inherit; margin: 0; outline: none; box-sizing: border-box; }
button,select { text-transform: none; }
input,textarea{ border: 1px solid #ccc; padding: 7px 10px; background-color: #fff; background-image: none; border-radius: 3px; }


/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@HTML默认  结束@@==========*/ 

.animation {
	-webkit-animation: twinkling 2.1s infinite ease-in-out;
	animation: twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0.9;
		filter: alpha(opacity=90);
		-webkit-transform: scale(1);
	}

	50% {
		opacity: 1;
		filter: alpha(opacity=90);
		-webkit-transform: scale(1.1);
	}

	100% {
		opacity: 0.9;
		filter: alpha(opacity=90);
		-webkit-transform: scale(1);
	}
} 
img{ max-width:100%; vertical-align:middle; }
body{ background:url(../images/dnbj.png) no-repeat top center ; display:flex; width:100%; height:100vh; background-size:100% 100%; align-items: center; justify-content:center;align-content:center;} 
.wrap{ overflow:hidden; position:relative; width:100%; max-width:750px; margin:0 auto; background:url(../images/bjsj.png) no-repeat top center ; flex-direction:column ; display:flex; height:100%; align-items: center;}
.top {
	margin: 165px;
	height: 20%;
	display: flex;
	justify-content: center;
	width: 100%;
	}

.banner { display:flex; flex-direction:row ; align-items: center; height:54%;   }

.btn {
	margin: -180px auto;
	height: 8%;
	display: flex;
	justify-content: center;
	width: 100%;
	}


.mySwiper{ height:54%;  display:flex; align-items: center; position:absolute !important; top:14%; left:0px; width:100%; overflow:hidden; max-width:750px; margin:0 auto;  }
.mySwiper img{height:100%;  }
.swiper-slide { text-align:center; }
/*.banner .slides{ display:flex; flex-direction:row ; align-items: center; height:100%;   }*/
.bottom {
	margin: 10px auto;
	height: 28%;
	display: flex;
	justify-content: center;
	width: 100%;
	}
.top img, .banner img, .bottom img,.btn img { height:100%;}
.foot{ color:#c69d43; font-size: 1.2em;  display:flex; flex-direction:row ; align-items: center; height:1%;justify-content: center; margin: -19px auto; }

.footer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 83vh;
	height: 6vh;
	overflow: hidden;
	text-align: center;
	position: fixed;
	bottom: 0;
	background: rgb(0 0 0 / 40%);
	color: #f9f7f7;

}


.menu{ position:absolute; right:-12em; top:0px;  height:100%; width:12em; transition:all .5s ease-in-out; z-index:9999999999999; }
.menu.snow-container{ right:0px; }
#menu1{ width:3em; position:absolute;  top:30%; left:-3em; transform: translateY(-50%); cursor:pointer; }
.mlist{ width:100%; position:absolute; top:0px; height:100%; right:0px; background:rgba(0,0,0,0.8); justify-content: space-around; flex-direction: column; display:flex; padding:100px 0%; box-sizing:border-box; }
.mlist ul{ height:100%; justify-content: space-around; flex-direction: column; display:flex; }
.mlist li { height:12%; text-align:center; cursor:pointer; }
.mlist li img{ height:100%; }

#alert{ z-index:9999999999999; background:rgba(0,0,0,0.8);  width:100%; position:absolute; top:0px; height:100%; left:0px; display:none; align-items: center; justify-content:center;align-content:center;  }
#alert1{ z-index:9999999999999; background:rgba(0,0,0,0.8);  width:100%; position:absolute; top:0px; height:100%; left:0px; display:none; align-items: center; justify-content:center;align-content:center;  }

.list{ width:80%; max-width:600px; }
.list p{ color:#efd68d; text-align:center; margin-bottom:20px; }
.list ul li{ position:relative;  }
.list ul li .info{ position:absolute; display:flex; left:0px; width:100%; top:0px;  align-items: center; justify-content:center;align-content:center; height:100%; font-size:1.5em;  }
.list ul li .info .min{ width:20%; text-align:center;}
.list ul li .info .xianlu{ width:60%; text-align:center; color:#f0d991; }
.list ul li .info .go{ width:20%; text-align:center; color:#f0d991; }
.list ul li .info .go a{ display:block; }

#clo1{ display:flex; align-items: center; justify-content:center;align-content:center; margin:40px 0px 20px; cursor:pointer;  }
#clo1 img{ width:155px; }

#clo2{ display:flex; align-items: center; justify-content:center;align-content:center; margin:40px 0px 20px; cursor:pointer;  }
#clo2 img{ width:155px; }
@media all and (max-width: 768px) {}

@media all and (max-width: 575px) 
{
    .list ul li .info{ font-size:1em;  }
    #clo1 img{ width:90px; }
    #clo2 img{ width:90px; }
    .menu{ width:7em; right:-7em; }
    .foot{ font-size: 0.8em; }
    .list{ width:88%; max-width:600px; }
}