* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
	padding: 0;
	margin: 0
}
html {
	color: #ffffff;
	background: #1F1F24;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body ,html {
	background-color: #000;
}
input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
input {
	outline: 0;
}
a {
	text-decoration: none;
	color: #333;
}
img {
	border: 0;
}
img {
	vertical-align: middle;
}
.clearfix:after, .codeItem:after, .content .contentBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "\20";
	clear: both;
	height: 0;
}

.footer {
	overflow: hidden;
	background-color: #000;
	position: relative;
}

.sjbdmap {
	overflow: hidden;
	display: none;
}
.xiazai {
	overflow: hidden;
	display: none;
}

@media (max-width: 768px) {
	

	
	#app .address-list li .txt {
		width: 15%;
	}
	.footer .copyright {
		color: #969696;
		font-size: 14px;
		line-height: 44px;
		text-align: center;
		
	}
	.footer .copyright p {
	color: #969696;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
}
	#container {
		width: 100%;
		padding: 0px 15px 0px 15px;
	  }	 
	.hidden-on-cellphone {	
		display:none;
		visibility: hidden;
		position: absolute;
	} 	
	body{
		font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;
		margin:0 auto;
		background-size: 100% auto;
	}
	.logo img {
		vertical-align: top;
		width: 80%;
	}
	img{
		vertical-align: top;
		width: 7%;
	}
	.header {
		padding: 2px 0px 2px 0px;
		position: relative;
		background: #1F1F24;
		box-sizing: border-box;
	}
	.header .logo {
		text-align: center;
		margin-top: 12px;
		margin-bottom: 12px;
		width: 250px;
		display: block;
		position: relative;
		margin: 2px auto; 
	}
	
	.header .domain {
		visibility: hidden;
		margin-top: 10px;
		width: 155px;
		display: block;
		float: right;
		position: absolute;
	}
	.banner {
		margin-bottom: 0.4rem;
	}
	
	.sjbdmap{
		display: block !important;
		margin-bottom:10px;
		margin-top:10.6px;
	}
	.xiazai{
		display: block !important;
		margin-bottom:20px;
		margin-top:0px;
		padding: 10px;
	}
	.main {
		margin: 0 0.28rem 0.33rem;
	}
	.main .btnUl {
		margin-bottom: 0.4rem;
	}
	.main .btnUl li {
		width: 4.6rem;
		float: left;
	}
	.main .btnUl li.ios {
		display: none;
		float: right;
	}
	.main .btnUl li:last-child {
		float: right;
	}
	.main .btnUl li a {
		
		display: block;
		color: #fff;
		font-size: 0.32rem;
		line-height: 0.9rem;
		text-align: center;
		border: 1px solid #BAB174;
		border-radius: 0.46rem;
	}
	.main .btnUl li a img {
		width:20%;
		margin: -0.08rem 0.24rem 0 0;
		width: auto;
		height: 0.49rem;
		display: inline-block;
		vertical-align: middle;
	}
	.main .listBox {
			padding: 0.28rem 0.26rem 0rem;
			border: 1px solid #404046;
			background: #29292E;
			margin-top: 15px;
	}
	.main .listBox p {
		margin-bottom: 0.35rem;
		color: #fff;
		font-size: 0.95rem;
	}
	.main .listBox p img {
		margin: -0.04rem 0.22rem 0 0;
		width: 1rem;
		display: inline-block;
		vertical-align: middle;
	}
	.main .listBox p span {
		display: block;
		float: left;
		font-size: 0.67rem;
	}
	.main .listBox p a {
		
		color: #fff;
		display: block;
	}
	.main .listUl {
		width: 100%;
		float: left;
		position: relative;
		padding:10px;
	}
	.main .listUl li {
		display: flex;
    	align-items: center;
    	justify-content: center;
    	margin-bottom: 10px;
		overflow: hidden;
		zoom: 1;
		color: #28282c;
		font-size: 0.35rem;
		line-height: 0.9rem;
		text-align: center;
		
	}
	.main .listUl li > span {
		font-size: 0.85rem;
		line-height: 1.9rem;
		margin: 1px 10px 0 0;
		display: block;
		width: 12rem;
		height: 2rem;
		float: left;
		background: #fff;
		border-radius: 0.06rem;
	}
	.main .listUl li .url {
		margin-right: 0;
		padding-left: 0.4rem;
		width: 6.45rem;
		text-align: center;
		box-sizing: border-box;
	}
	.main .listUl li a {
		float: right;
		padding: 0;
		width: 4rem;
		height: 2rem;
		font-size: 0.8rem;
		line-height: 2rem;
		display: block;
		float: right;
		color: #28282c;
		text-align: center;
		border-radius: 0.06rem;
		background: #BAB174;
	}
	.footer {
		padding: 0.3rem 0 0.6rem;
		color: #969696;
		font-size: 0.27rem;
		text-align: center;
	}
	.footer .fBox {
		margin: 0.8rem 0.4rem 0.5rem;
	}	
	#app .listUl li img {
		margin: 2px 7px 0 0px;
		display: block;
		float: left;
		
		}
		.content .right{
			display:none;
		}
}

@media (min-width: 768px) {
	html, body {
		width: 100% ;
	}
	
	.content .right {
		padding-top: 30px;
		width: 40%;
		height: 519px;
		background: #29292E;
		float: right;
		box-sizing: border-box;
		border: 1px solid #404040;
	}

	.exTab {
		text-align: center;
		margin-bottom: 16px
	}
	.exTab a {
		margin: 0 9px;
		padding: 1px;
		width: 226px;
		height: 50px;
		line-height: 48px;
		text-align: center;
		display: inline-block;
		background: #1F1F24;
		color: #fff;
		border: 1px solid #55555B;
		border-radius: 27px;
		font-size: 17px;
		
		
	}
	.exTab a.select, .exTab a:hover {
		padding: 0;
		border: 2px solid #BAB174;
		background: #29292E;
		width: 300px;
	}
	.exTab img {
		margin: -2px 10px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.ex {
		margin-left: -16px;
		position: relative;
		height: 229px;
	}
	.codeItem {
		height: 160px;
		width: 450px;
		margin: 0 auto; /* Center horizontally */
		 /* Center the text inside the box */
		box-sizing: border-box;
		border: 3px solid #424248;
		background: #1F1F24;
		padding: 15px 0 0 16px;
	}
	.codeItem .code {
		float: left;
		margin-right: 20px;
		width: 125px;
		height: 125px;
		text-align: center;
	}
	.codeItem .txtkanan {
		float: left;
		line-height: 26px;
		margin-top: 25px;
	}
	.codeItem .txtkanan h3 {
		font-size: 14px;
		font-weight: bold;
		color: #bab174;
		margin-bottom: 6px;
		text-align: center;
	}
	.codeItem .txtkanan h5 {
		font-size: 11px;
		color: #969696;
		margin-bottom: 6px;
	}
	.codeItem .txtkanan h5 span {
		font-weight: bold;
		margin-bottom: 6px;
	}
	.orange {
		color: #bab174!important;
	}
	.wrapper {
		width: 1200px;
		min-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.content {
		padding: 30px 0 29px 0;
	}
	.content .contentBox {
		position: absolute;
	}
	.content .left {
		width: 700px;
		height: 518px;
		border: 1px solid #404040;
		box-sizing: border-box;
		background: #29292E;
		padding: 20px;
		/*display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;*/
		float: left;
	}
	.content .title {
		width: 95%;
		background: url(../images/ttl.png) no-repeat center 0; /* Center the background image horizontally */
		height: 60px;
		text-align: center;
		margin-bottom: 27px;
		background-size: contain;
	}
	.main .listBox p {
		display: none;
	}
	.address-list li {
		height: 50px;
		margin-bottom: 22px;
	}
	.address-list img {
		margin: 25px 9px 0 2px;
		display: block;
		float: left;
	}
	.address-list .txt {
		width: 73px;
		text-align: center;
		font-size: 20px;
	}
	.address-list span {
		margin: 1px 10px 0 0;
		height: 60px;
		width: 55%;
		line-height: 50px;
		border: 1px solid #fff;
		color: #000000;
		font-size: 22px;
		float: left;
		text-align: center;
		box-sizing: border-box;
		background: #fff;
		border-radius: 5px;
		
	}
	.address-list span.time {
		width: 99px;
	}
	.address-list span.url {
		width: 490px;
		margin-right: 10px;
	}
	.address-list a {
		float: left;
		height: 60px;
		line-height: 65px;
		text-align: center;
		width: 18%;
		margin-left: 15px;
		color: #28282c;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		background: #BAB174;
		border-radius: 5px;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.address-list a:hover {
		opacity: .8
	}
	
	body {
		font-size: 12px;
		font-family: "Microsoft YaHei", Arial, "\5B8B\4F53", Helvetica, sans-serif;
		-webkit-tap-highlight-color: transparent
	}
	.hidden-on-desktop {
		display: none;
	}
	.header {
		height: 100px;
		background: #29292E;
		position: relative;
	}
	.header .wrapper {
		position: relative;
	}
	.header .logo {
		float: left;
		margin: 10px 223px 0 0
	}
	.header .logo img {
		vertical-align: middle;
		margin: 0 0 0 0;
		width:80%;
	}
	.header .txt {
		float: left;
		width: 251px;
		height: 62px;
		margin-top: 17px
	}
	.header .service {
		width: 385px;
		height: 60px;
		float: right;
		margin: 18px 0 0 0;
	}
	
	.mag{
		display: block !important;
		margin-bottom:10px;
	}
	.xiazai{
		display:none;
	}
	.footer .copyright p {
	color: #969696;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}
	
}