* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #666;
}

li {
	list-style: none;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

body {
	/*max-width: 1920px;*/
	font-size: 14px;
	color: #666;
	font-family: "微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	/*font-family: "PingFang SC Bold";*/
}


/*顶部*/

header {
	height: 125px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .3s;
	-webkit-transition: all .3s;
}

header .logo {
	float: left;
	padding-top: 24px;
	position: relative;
	z-index: 92;
}

nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 91;
	width: 100%;
	height: 100%;
}

.nav-ul {
	width: 100%;
	height: 100%;
	max-width: 840px;
	margin: 0 auto;
}

.nav-ul li {
	width: 16.666%;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.nav-ul li:nth-child(2) .nav-a1 {
	padding-right: 15px;
	background: url(/template/default/img/ico01.png) no-repeat right 70px;
}

.nav-ul li .nav-a1 {
	display: inline-block;
	height: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 110px;
	padding-top: 15px;
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.nav-ul li .nav-a1:after {
	content: "";
	width: 0%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 30px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.nav-ul li.on .nav-a1:after {
	width: 100%;
}

.nav-ul-div1 {
	width: 100%;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 123px;
	background: #fff;
	display: none;
}

.nav-ul-div1 a {
	font-size: 15px;
	line-height: 30px;
	display: block;
	text-align: center;
	margin: 5px 0;
}

.nav-ul-div1 a:hover {
	background: #adbfaa;
	color: #fff;
}

.header-rt {
	width: 240px;
	height: 40px;
	float: right;
	margin-top: 50px;
	position: relative;
	z-index: 93;
// border-bottom: 2px solid #fff;
	padding-right: 80px;
}

.header-rt form {
	border-bottom: 2px solid #fff;
}

.qiehuanyuyan {
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 10;
	width: 66px;
	text-align: left;
}

.qiehuanyuyan dt span {
	width: 17px;
	display: inline-block;
	height: 7px;

}

.qiehuanyuyan dt img {
	margin-right: 6px;
	width: 22px;
	height: 22px;
	border-radius: 100%;
}

.qiehuanyuyan dt {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	background-image: url(/template/default/img/xiala.png);
	background-position: 100% center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 12px;
}

.qiehuanyuyan dd {
	font-size: 16px;
	line-height: 30px;
	border-bottom: 1px solid #ebebeb;
// display:none;
}

.qiehuanyuyan dd img {
	margin-right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 100%;
}

.qiehuanyuyan .yuyangidv {
	width: 130px;
	padding: 6px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	position: relative;
	display: none;
	left: 50%;
	transform: translateX(-50%);
}

.qiehuanyuyan .yuyangidv:after {
	position: absolute;
	width: 12px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
	background-image: url(/template/default/img/yyimg.png);
	top: -7px;
	left: 45%;
	content: "";
}

.on .qiehuanyuyan dt {
	color: #787878
}

.qiehuanyuyan:hover .yuyangidv {
	display: block;

}

.cli .qiehuanyuyan dt {
	color: #787878
}

.cli .qiehuanyuyan dd a {
	color: #787878
}

.header-rt .int1 {
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	padding-right: 40px;
	background: none;
	border: initial;
}

.header-rt .int1::-webkit-input-placeholder {
	color: #fff;
}

.header-rt .int2 {
	width: 40px;
	height: 40px;
	background: url(/template/default/img/ico03.png) no-repeat center;
	position: absolute;
	right: 80px;
	top: 0;
	background-color: none;
	border: initial;
}



@media (min-width: 1025px) {

	header.on {
		background: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	header.on .nav-ul li .nav-a1 {
		color: #333;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	header.on .nav-ul li:nth-child(2) .nav-a1 {
		padding-right: 15px;
		background: url(/template/default/img/ico02.png) no-repeat right 70px;
	}

	header.on .nav-ul li .nav-a1:hover {}

	header.on .nav-ul li .nav-a1:hover:after {
		width: 100%;
	}

	header.on .nav-ul li .nav-a1:after {
		background: #333;
	}

	header.on .header-rt {
	// border-bottom: 2px solid #333;
	}

	header.on .header-rt form {
		border-bottom: 2px solid #333;
	}

	header.on.header-rt .int1 {
		color: #333;
	}

	header.on .header-rt .int1::-webkit-input-placeholder {
		color: #333;
	}

	header.on .header-rt .int2 {
		background: url(/template/default/img/ico04.png) no-repeat center;
	}




	header.cur {
		background: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	header.cur .nav-ul li .nav-a1 {
		color: #333;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	header.cur .nav-ul li:nth-child(2) .nav-a1 {
		padding-right: 15px;
		background: url(/template/default/img/ico02.png) no-repeat right 70px;
	}

	header.cur .nav-ul li .nav-a1:hover {}

	header.cur .nav-ul li .nav-a1:hover:after {
		width: 100%;
	}

	header.cur .nav-ul li .nav-a1:after {
		background: #333;
	}

	header.cur .header-rt {
	// border-bottom: 2px solid #333;
	}

	header.cur .header-rt form {
		border-bottom: 2px solid #333;
	}

	header.cur.header-rt .int1 {
		color: #333;
	}

	header.cur .header-rt .int1::-webkit-input-placeholder {
		color: #333;
	}

	header.cur .header-rt .int2 {
		background: url(/template/default/img/ico04.png) no-repeat center;
	}
}


header.cli {
	background: #fff;

	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

header .img1 {
	display: block;
}

header .img2 {
	display: none;
}

header.cli .img1 {
	display: none;
}

header.cli .img2 {
	display: block;
}

header.on .img1 {
	display: none;
}

header.on .img2 {
	display: block;
}

header.cli .nav-ul li .nav-a1 {
	color: #333;
}

header.cli .nav-ul li:nth-child(2) .nav-a1 {
	padding-right: 15px;
	background: url(/template/default/img/ico44.png) no-repeat right 50px;
}

header.cli .nav-ul li .nav-a1:hover {}

header.cli .nav-ul li .nav-a1:hover:after {
	width: 100%;
}

header.cli .nav-ul li .nav-a1:after {
	background: #333;
}

header.cli .header-rt {
// border-bottom: 2px solid #333;
}

header.cli .header-rt form {
	border-bottom: 2px solid #333;
}

header.cli .header-rt .int1 {
	color: #333;
}

header.cli .header-rt .int1::-webkit-input-placeholder {
	color: #333;
}

header.cli .header-rt .int2 {
	background: url(/template/default/img/ico04.png) no-repeat center;
}

@media (max-width: 1025px) {

	/*header.on .img1{
		display:block;
	}
	header.on .img2{
		display:none;
	}*/
}


.w1750 {
	max-width: 1850px;
	padding: 0 50px;
	margin: 0 auto;
}

.nav2 {
	display: none;
}

.header-rt2 {
	display: none;
}


@media (max-width: 1400px) {
	.nav-ul {
		padding-right: 60px;
		max-width: 700px;
	}

	.header-rt {
		width: 180px;
	}

	.w1750 {
		padding: 0 30px;
	}
}

@media (max-width: 1023px) {
	.header-rt1 {
		display: none;
	}

	.header-rt2 {

		margin-top: 0;
	// border-bottom: 2px solid #333;
		float: left;
		margin-left: 30px;
		height: 50px;
		margin-bottom: 15px;
		width: calc(100% - 60px);

	}

	.header-rt2 .int1 {
		height: 50px;
		font-size: 16px;
	}

	.header-rt2 .int2 {
		height: 50px;
		background: url(/template/default/img/ico03.png) no-repeat center;
	}

	.header-rt2 .int2::-webkit-input-placeholder {
		color: #fff;
	}

	.header-rt2 .int1::-moz-placeholder {
		color: #fff;
	}

	.header-rt2 .int1:-ms-input-placeholder {
		color: #fff;
	}

	.header-div {
		display: block;
		width: 40px;
		float: right;
		padding-top: 45px;
		position: relative;
		z-index: 94;
	}

	.header-div div {
		width: 100%;
		height: 5px;
		border-radius: 2px;
		background: #fff;
		margin-bottom: 9px;
		opacity: 1;
		transition: all .5s;
	}

	.header-div.on div {
		background: #333;
	}

	.header-div.on .header-d1 {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: 0%;
		-ms-transform-origin: 0%;
		-webkit-transform-origin: 0%;
		-moz-transform-origin: 0%;
		transition: all .5s;
	}

	.header-div.on .header-d2 {
		opacity: 0;
		transition: all .5s;
	}

	.header-div.on .header-d3 {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		transform-origin: 0%;
		-ms-transform-origin: 0%;
		-webkit-transform-origin: 0%;
		-moz-transform-origin: 0%;
		transition: all .5s;
	}

	/*header.on .header-div div{
		background: #333;
	}
	header.cli .header-div div{
		background: #333;
	}*/

	.nav2 {
		display: block;
		width: 100%;
		padding-bottom: 150px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 125px;
		display: none;
		overflow: auto;
	}

	.nav2 a:hover {
		color: #333;
	}

	.nav2-li {
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		line-height: 60px;

	}

	.nav2-li:first-child {
		border-top: 1px solid rgba(0, 0, 0, .1);
		padding-top: .4rem;
	}

	.nav2-a1 {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 16px;
		color: #333;
		line-height: 60px;
		padding: 0 30px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	.nav2-a1 span {
		font-size: 20px;
		font-weight: bold;
		float: right;
	}

	.nav2-div {
		display: none;
	}

	.nav2-div a {
		display: block;
		height: 50px;
		font-size: 14px;
		line-height: 50px;
		color: #333;
		line-height: 50px;
		padding: 0 60px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	header.cli {}

	header.cli .header-div div {
		background: #333;
	}


	.header-mdss {
		width: 40px;
		height: 40px;
		float: right;
		margin-top: 40px;
		margin-right: 30px;
		background: url(/template/default/img/ico03.png) no-repeat center;
		background-size: 25px;
		position: relative;
		z-index: 94;
	}

	.header-mdss.on {
		background: url(/template/default/img/ico04.png) no-repeat center;
		background-size: 25px;
	}

	.header-rt2 {
		display: none;
	}

	.header-rt2 {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .5);
		margin: 0;
		z-index: 95;
		background-size: 20px;
	}

	.header-rt2 form {
		width: calc(90% - 70px);
		position: absolute;
		top: 40%;
		left: 5%;
		border-bottom: 1px solid #fff;
		position: relative;
	}

	.header-rt-gb {
		width: 50px;
		height: 50px;
		background: url(/template/default/img/x01.png) no-repeat center;
		position: absolute;
		top: 0;
		right: -70px;
	}
}

@media (max-width: 767px) {
	html {
		font-size: 50px;
	}

	header {
		height: 1.2rem;

	}

	.w1750 {
		padding: 0 .4rem;
	}

	header .logo {
		width: 1.25rem;
		padding-top: .15rem;
	}

	.header-div {
		display: block;
		width: .4rem;
		float: right;
		padding-top: .5rem;
	}

	.header-div div {
		width: 100%;
		height: .03rem;
		border-radius: 0.025rem;
		background: #fff;
		margin-bottom: .11rem;
		opacity: 1;
		transition: all .5s;
	}

	.header-div.on .header-b1 {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: 0%;
		-ms-transform-origin: 0%;
		-webkit-transform-origin: 0%;
		-moz-transform-origin: 0%;
		transition: all .5s;
	}

	.header-div.on .header-b2 {
		opacity: 0;
		transition: all .5s;
	}

	.header-div.on .header-b3 {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		transform-origin: 0%;
		-ms-transform-origin: 0%;
		-webkit-transform-origin: 0%;
		-moz-transform-origin: 0%;
		transition: all .5s;
	}

	.nav2 {
		width: 100%;
		padding-top: 1.2rem;
	}

	.header-rt2 .int1 {
		height: .8rem;
		font-size: .24rem;
		padding: 0 .2rem;
		padding-right: 1rem;
		color: #fff;
	}

	.header-rt2 .int2 {
		width: .8rem;
		height: .8rem;
		background-size: .4rem;
	}

	.nav2-a1 {
		height: .8rem;
		padding: 0 .4rem;
		font-size: .24rem;
		line-height: .8rem;
	}

	.nav2-div a {
		height: .8rem;
		padding: 0 .8rem;
		font-size: .24rem;
		line-height: .8rem;
	}

	.header-mdss {
		width: .6rem;
		height: .6rem;
		background-size: .3rem;
		margin-top: .35rem;
		margin-right: .3rem;
	}

	.header-mdss.on {
		background: url(/template/default/img/ico04.png) no-repeat center;
		background-size: .3rem;
	}

	.header-rt-gb {
		width: .8rem;
		height: .8rem;
		background-size: 1rem;
	}

}



/*底部*/
footer {
	background: #fff;
}

.footer-a {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	height: 100px;
	line-height: 100px;
	position: relative;
	text-align: center;
}

.footer-a1 {
	display: inline-block;
	margin: 0 10px;
}

.footer-a1 img {
	width: 35px
}

.footer-a2 {
	position: absolute;
	left: 50%;
	margin-left: 10px;
}

.footer-a2 img {
	width: 50px
}

.footer-a1,
.footer-a2 {
	/*float: left;
	margin-right: 20px;*/
}

.footer-a2 {
	line-height: 100px;
}

.footer-aa {
	float: right;
	cursor: pointer;
}

.footer-b {
	padding: 20px;
	font-size: 14px;
	color: #3e3e3e;
	line-height: 40px;
	overflow: hidden;
}

.footer-b1 {
	float: left;
}

.footer-b2 {
	float: right;
}

.footer-b4 {
	display: none;
}

@media (max-width: 767px) {

	.footer-a1,
	.footer-a2 {
		line-height: 1.5rem;
	}

	.footer-a1 img {
		width: .7rem;
	}

	.footer-a2 img {
		width: 1rem;
	}

	.footer-aa {
		line-height: 1.5rem;
		width: .5rem;
	}

	.footer-a {
		height: 1.5rem;
		line-height: 1.5rem;
	}

	.footer-b {
		font-size: .22rem;
		line-height: .45rem;
		text-align: center;
		padding: .3rem .4rem;
	}

	.footer-b .w1750 {
		padding: 0;
	}

	.footer-b1 {
		display: none;
	}

	.footer-b3 {
		display: none;
	}

	.footer-b4 {
		display: block;
	}

	.footer-b4 span {
		display: block;
	}
}





/*公用*/
.w1200 {
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
}

.sf-ban {
	width: 100%;
	height: 899px;
	background: no-repeat center;
	position: relative;
}

.sf-ban-div {
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 400px;
}

.sf-ban-d1 {
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}

.sf-ban-d2 {
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	margin-top: 10px;
	text-align: center;
}

.sf-nav {
	height: 70px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
}

.sf-nav-a {
	display: inline-block;
	width: 160px;
	height: 70px;
	font-size: 16px;
	color: #3f3f3f;
	text-align: center;
	position: relative;
	line-height: 70px;
	cursor: pointer;
}

.sf-nav-a:after {
	content: "";
	width: 1px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 0;
	background: rgba(0, 0, 0, .1);
}

.sf-nav-a:first-child:after {
	display: none;
}

/* .sf-nav-a:hover {
	color: #ea524f;
} */

.sf-nav-a.on {
	color: #ea524f;
}

.sf-nav-pos {
	position: fixed;
	top: 0;
	/* opacity: 0; */
	z-index: 100;
	background-color: #ffffff;
	width: 100%;
	border-bottom: solid 1px #f2f2f2;
	/*display: none;*/
	/*transition: all .5s;
   -webkit-transition: all .5s;*/
}

.sf-nav.on .sf-nav-pos {
	width: 100%;
	position: fixed;
	top: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	z-index: 79;
	/*display: block;*/
	opacity: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.page {
	width: 100%;
	height: 38px;
	text-align: right;
}

.page a {
	width: 38px;
	height: 38px;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	background: #f6f6f6;
	display: inline-block;
	margin: 0 2px;
}

.page .prev {
	background: #f6f6f6 url(../img/ico26.png) no-repeat center;
}

.page .next {
	background: #f6f6f6 url(/template/default/img/ico06.png) no-repeat center;
}

.page .first-page {
	background: #f6f6f6 url(../img/ico26s.png) no-repeat center;
}

.page .last-page {
	background: #f6f6f6 url(../img/ico06s.png) no-repeat center;
}

.page a:hover {
	color: #ea524f;
}

.page a.active {
	color: #ea524f;
}

.sf-tk {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 89;
	display: none;
}

.sf-tk-a {
	width: 80%;
	overflow: hidden;
	max-height: 90%;
	margin: 0 auto;
	margin-top: 2%;
}

.sf-tk-a video {
	max-width: 100%;
	max-height: 100%;
}

.sf-tk-x {
	width: 55px;
	height: 55px;
	background: url(/template/default/img/x01.png) no-repeat center;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.sf-tk-x:hover {
	opacity: .8;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.sf-ban-cli {
	width: 30px;
	height: 30px;
	background: url(/template/default/img/ico57.png) no-repeat center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 9;
	margin-left: -15px;
	-webkit-animation: span-up 2s linear infinite;
	animation: span-up 2s linear infinite;
}

@keyframes span-up {
	25% {
		transform: translateY(8px);
	}

	50%,
	100% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(-8px);
	}
}

@-webkit-keyframes span-up {
	25% {
		-webkit-transform: translateY(8px);
	}

	50%,
	100% {
		-webkit-transform: translateY(0);
	}

7
}


@media (max-width: 767px) {
	.w1200 {
		padding: 0 .4rem;
	}

	.sf-ban {
		height: 7rem;
		background-size: cover;
	}

	.sf-ban-div {
		padding: 0 .4rem;
		padding-top: 2.5rem;
	}

	.sf-ban-d1 {
		font-size: .4rem;
		line-height: .5rem;
	}

	.sf-ban-d2 {
		font-size: .45rem;
		line-height: .6rem;
	}

	.sf-ban-cli {
		bottom: .6rem;
	}

	.sf-nav {
		height: .8rem;
	}

	.sf-nav .w1200 {
		padding: 0;
	}

	.sf-nav-a {
		width: 1.6rem;
		height: .8rem;
		font-size: .24rem;
		line-height: .8rem;
	}

	.sf-nav-a:after {
		height: .3rem;
		top: .25rem;
	}

	.page {
		height: .6rem;
		line-height: .6rem;
	}

	.page a {
		width: .6rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .6rem;
		margin: 0 .02rem;
	}
}




/*庄闲和游戏*/
.ibanner {}

.ibanner .swiper-slide {
	height: 100%;
	height: 100vh;
	background: no-repeat center;
	background-size: cover;
}

.ibanner .swiper-slide {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.ibanner-div {
	width: 100%;
	max-width: 1750px;
	margin: 0 auto;
	/*padding-top: 170px;*/
	padding-left: 113px;
	padding-right: 50px;

}

/*.ibanner-div .iban-d1{
	font-size: 70px;
	line-height: 85px;
	color: #000;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}*/
.ibanner-div .iban-d2 {
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-top: 15px;
	text-align: left;
	font-family: "Arial";
}



.ibanner-span-cont {
	height: 40px;
	position: relative;
	top: -90px;
	padding: 0;
}

.ibanner-span {
	bottom: 50px !important;
	/* padding-left: 113px; */
	width: 100%;
}

.ibanner-span span {
	width: 50px;
	height: 5px;
	border-radius: 2.5px;
	background: #fff;
	margin-right: 20px;
	opacity: 0.5;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ibanner-span .swiper-pagination-bullet-active {
	background: #ffffff;
	border-radius: 5px;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 1;
}

@media (max-width: 767px) {
	.ibanner-span span {
		opacity: 1;
	}

	.ibanner-span .swiper-pagination-bullet-active {
		background: #ea544f;

	}
}



.ipro {
	width: 100%;
	height: 810px;
	overflow: hidden;
	margin-bottom: 90px;
	position: relative;
}

.ipro-a {
	width: 100%;
	float: left;
	height: 202.5px;
	background: #fff;
}

.ipro-a1 {
	width: 25.15%;
	height: 100%;
	border-top: 1px solid rgba(0, 0, 0, .1);
	position: relative;
	cursor: pointer;
	z-index: 3;
}

.ipro-a:first-child .ipro-a1 {
	border: none;
}

.ipro-a1-a {
	font-size: 22px;
	line-height: 1;
	padding-top: 75px;
	text-align: center;
	color: #424242;
	font-family: arial;
	padding-left: 4%;
	position: relative;
	z-index: 3;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a1-b {
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	color: #424242;
	margin-top: 8px;
	padding-left: 4%;
	position: relative;
	z-index: 3;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a1-c {
	width: 0%;
	height: 100%;
	background: url(/template/default/img/img01.jpg) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a2 {
	width: 74.85%;
	height: 810px;
	background: no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	z-index: 2;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a2-a {
	display: block;
	width: 225px;
	height: 60px;
	border: 2px solid rgba(255, 255, 255, .6);
	border-radius: 2px;
	font-size: 18px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 70px;
	right: 70px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a2-a img {
	margin-left: 8px;
	position: relative;
	top: -1px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a2-a:hover {
	background: rgba(255, 255, 255, .2);
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a2-a:hover img {
	margin-left: 12px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-a {
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-b {
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-c {
	width: 105%;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-a:first-child .ipro-a2 {
	display: block;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.iabout {
	overflow: hidden;
	margin-bottom: 90px;
	background: #fff;
}

.iabout-a {
	width: calc(100% - 585px);
	float: left;
	height: 597px;
}

.iabout-a div {
	background: no-repeat center;
	width: 100%;
	height: 100%;
	max-width: 1055px;
}

.iabout-b {
	width: 465px;
	float: right;
	margin-right: 60px;
	padding-top: 90px;
	margin-left: 30px;
}

.iabout-b1 {
	font-size: 46px;
	color: #424242;
	line-height: 50px;
	font-weight: bold;
}

.iabout-b2 {
	font-size: 28px;
	color: #424242;
	line-height: 35px;
	margin-top: 10px;
}

.iabout-b3 {
	padding: 30px 0;
	margin-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	font-size: 18px;
	color: #424242;
	line-height: 35px;
}

.iabout-b4 {
	display: block;
	width: 205px;
	height: 65px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	font-size: 18px;
	color: #424242;
	line-height: 63px;
	text-align: center;
	padding-right: 60px;
	background: #f9f9f9;
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.iabout-b4 span {
	width: 60px;
	height: 63px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/template/default/img/ico06.png) no-repeat center;
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.iabout-b4:hover {
	color: #424242;
	opacity: .8;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-bj {
	width: 100%;
	height: 646px;
	background: no-repeat center;
}

.ivoice {
	padding-top: 70px;
}

.ivoice-a {
	font-size: 28px;
	color: #fff;
	line-height: 35px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}

.ivoice-b {
	font-size: 28px;
	color: #fff;
	line-height: 35px;
	text-align: center;
}

.ivoice-c {
	margin-top: 100px;
}

.ivoice-swiper {
	max-width: 1530px;
	height: 250px;
	padding: 10px 0;
	margin: 0 auto;
}

.ivoice-swiper .swiper-slide {
	overflow: hidden;
}

.ivoice-cc {
	display: block;
	width: 50%;
	float: left;
	padding-right: 2%;
	cursor: pointer;
}

.ivoice-c1 {
	width: 125px;
	float: left;
	text-align: center;
	padding-top: 15px;
}

.ivoice-c1-a {
	width: 90px;
	height: 90px;
	border-radius: 100%;
	margin: 0 auto;
}

.ivoice-c1-b {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 12px;
}

.ivoice-c1-c {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}

.ivoice-c2 {
	width: calc(100% - 145px);
	float: right;
	border: 3px solid rgba(255, 255, 255, .6);
	border-radius: 3px;
	border-left: none;
	padding: 30px 30px;
	height: 230px;
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-c2-a {
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	height: 90px;
}

.ivoice-c2-b {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	height: 1px;
	width: 100%;
	margin-top: 20px;
}

.ivoice-c2-c {
	float: left;
	margin-top: 15px;
}

.ivoice-c2-e {
	font-size: 18px;
	line-height: 30px;
	float: right;
	margin-top: 25px;
	color: #fff;
}

.ivoice-c2-e img {
	position: relative;
	top: -1px;
	margin-left: 5px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-c2-f {
	width: 13px;
	height: 230px;
	background: url(/template/default/img/ico17.png) no-repeat center;
	position: absolute;
	left: -11px;
	top: -2px;
	opacity: .6;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-cc.on {
	padding-right: 0;
	padding-left: 2%;
}

.ivoice-cc.on .ivoice-c1 {
	float: right;
}

.ivoice-cc.on .ivoice-c2 {
	float: left;
	border: 3px solid rgba(255, 255, 255, .6);
	border-right: none;
}

.ivoice-cc.on .ivoice-c2-f {
	width: 13px;
	height: 230px;
	background: url(/template/default/img/ico18.png) no-repeat center;
	position: absolute;
	left: initial;
	right: -11px;
	top: -2px;
	opacity: .6;
}

.ivoice-c2:hover {
	border: 3px solid rgba(255, 255, 255, 1);
	border-left: none;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-c2:hover .ivoice-c2-f {
	opacity: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-c2:hover .ivoice-c2-e img {
	margin-left: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-cc.on .ivoice-c2:hover {
	border: 3px solid rgba(255, 255, 255, 1);
	border-right: none;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-f {
	opacity: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-e img {
	margin-left: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-d {
	height: 60px;
	margin-top: 25px;
	text-align: center;
}

.ivoice-d1 {
	width: 30px;
	height: 30px;
	background: url(/template/default/img/ico09.png) no-repeat center;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-d1:hover {
	background: url(/template/default/img/ico11.png) no-repeat center;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-d2 {
	width: 30px;
	height: 30px;
	background: url(/template/default/img/ico10.png) no-repeat center;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ivoice-d2:hover {
	background: url(/template/default/img/ico12.png) no-repeat center;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.isearch-bj {
	width: 100%;
	height: 217px;
	background: no-repeat center;
}

.isearch {
	width: 580px;
	margin: 0 auto;
	padding-top: 65px;
	position: relative;
}

.isearch form {
	overflow: hidden;
}

.formd1 {
	width: 2px;
	height: 20px;
	background: #97a891;
	position: absolute;
	left: 28px;
	top: 91px;
}

.isearch .int1 {
	width: 475px;
	height: 70px;
	background: #fff;
	border: none;
	border-radius: 3px;
	float: left;
	padding-left: 45px;
	padding-right: 20px;
	font-size: 18px;
	color: #333;
}

.isearch .int2 {
	width: 95px;
	height: 70px;
	background: #fff url(../img/ico13.png) no-repeat center;
	float: right;
	border: none;
	border-radius: 3px;
}

.isearch-a {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 10px;
	padding-left: 40px;
}

.isearch-a a {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-right: 12px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.isearch-a a:hover {
	border-bottom: 1px solid rgba(0, 0, 0, .9);
	opacity: .8;
	transition: all .3s;
	-webkit-transition: all .3s;
}

@media (max-width:1400px) {
	.ipro {
		height: 1000px;
	}

	.ipro-a {
		width: 25%;
		height: 180px;
		float: left;
	}

	.ipro-a1 {
		width: 100%;
	}

	.ipro-a2 {
		width: 100%;
		top: 180px;
	}

	.ipro-a.on .ipro-a1-c {
		width: 100%;
	}

	.iabout-a {
		width: calc(100% - 485px);
	}

	.iabout-b {
		width: 425px;
		margin-right: 30px;
	}

	.ivoice-cc {
		padding-right: 1%;
	}

	.ivoice-cc.on {
		padding-left: 1%;
	}

	.ivoice-c2-a {}

	.ipro-a1-b {
		padding-left: 0;
	}

	.ipro-a1-c {
		background-size: cover;
	}

	.ibanner-div .iban-d1 {
		font-size: 55px;
	}

	.ibanner .swiper-slide {
		height: 800px;
	}

	.ibanner-div .iban-d2 {
		font-size: 42px;
	}
}

.ivoice-cm {
	display: none;
}

@media (max-width:1023px) {
	.ipro-a {
		height: 130px;
	}

	.ipro-a1-a {
		padding-top: 30px;
	}

	.ipro-a1-b {
		font-size: 24px;
		margin-top: 20px;
	}

	.ipro-a2 {
		background-size: cover;
		height: 500px;
		top: 130px;
	}

	.ipro {
		height: 630px;
	}

	.iabout-a {
		width: 100%;
	}

	.iabout-b {
		width: 100%;
		padding: 40px 30px;
		margin: 0;

	}

	.ivoice-c {
		display: none;
	}

	.ivoice-cm {
		display: block;
		height: 370px;
		margin-top: 30px;
	}

	.ivoice-m-swiper {
		height: 100%;
		max-width: 669px;
	}

	.ivoice-cc {
		width: 100%;
	}

	.ivoice-c1 {
		width: 100%;
	}

	.ivoice-c2 {
		width: 100%;
		padding: 15px 30px;
		margin-top: 20px;
		height: 180px;
		border: 3px solid rgba(255, 255, 255, .6);
		border-top: none;
	}

	.ivoice-c2:hover {
		border: 3px solid rgba(255, 255, 255, .6);
		border-top: none;
	}

	.ivoice-c2-b {
		margin-top: 10px;
		border: 2px s;
	}

	.ivoice-c2-c {
		margin-top: 5px;
	}

	.ivoice-c2-e {
		margin-top: 15px;
	}

	.ivoice-c2-f {
		width: calc(100% + 6px);
		height: 15px;
		left: -3px;
		top: -12px;
		background: url(/template/default/img/ico20.png) no-repeat center;
	}

	.ivoice-d1 {
		display: inline-block;
		background: url(/template/default/img/ico19.png) no-repeat center;
		opacity: .6;
	}

	.ivoice-d1:hover {
		background: url(/template/default/img/ico19.png) no-repeat center;
		opacity: 1;
	}

	.ivoice-d2 {
		display: inline-block;
		background: url(/template/default/img/ico21.png) no-repeat center;
		opacity: .6;
	}

	.ivoice-d2:hover {
		background: url(/template/default/img/ico21.png) no-repeat center;
		opacity: 1;
	}

	.ibanner-div .iban-d1 {
		font-size: 45px;
	}

	.ibanner-div .iban-d2 {
		font-size: 32px;
	}
}

@media (max-width:767px) {
	.ibanner .swiper-slide {
		height: 7.5rem;
		background-size: cover;
	}

	.ibanner-div {
		padding-left: .4rem;
		padding-top: 2rem;
		padding-right: .4rem;
	}

	.ibanner-div .iban-d1 {
		font-size: .5rem;
		line-height: .7rem;
	}

	.ibanner-div .iban-d2 {
		font-size: .36rem;
		line-height: .5rem;
		margin-top: .2rem;
	}

	.ibanner-span-cont {
		width: 100%;
		height: 0;
		top: 0;
	}

	.ibanner-span {
		width: 100%;
		bottom: .0rem !important;
		padding-left: 0;
		left: 0;
	}

	.ibanner-span span {
		width: .5rem;
		height: .05rem;
		margin: 0 .1rem;
	}

	.ipro {
		width: 7.5rem;
		margin-left: -.4rem;
		height: 5.7rem;
		margin-bottom: .4rem;
	}

	.ipro-a {
		height: 1.3rem;
	}

	.ipro-a1-a {
		font-size: .26rem;
		padding-top: .3rem;
	}

	.ipro-a1-b {
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.ipro-a2 {
		height: 4.4rem;
		top: 1.3rem;
	}

	.ipro-a2-a {
		width: 2rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .56rem;
		right: .4rem;
		bottom: .3rem;
	}

	.ipro-a2-a img {
		width: .1rem;
	}

	.iabout-a {
		height: 3.85rem;

	}

	.iabout-a div {
		background-size: cover;
	}

	.iabout-b {
		padding: .5rem;
	}

	.iabout-b1 {
		font-size: .6rem;
		line-height: .8rem;
	}

	.iabout-b2 {
		font-size: .4rem;
		line-height: .6rem;
		margin-top: .15rem;
	}

	.iabout-b3 {
		font-size: .24rem;
		line-height: .5rem;
		margin-top: .3rem;
		padding: .3rem 0;
	}

	.iabout-b4 {
		font-size: .24rem;
		width: 2.2rem;
		height: .7rem;
		line-height: .68rem;
		padding-right: .7rem;
	}

	.iabout-b4 span {
		width: .7rem;
		height: .7rem;
		background-size: .1rem;
	}

	.iabout {
		margin-bottom: .4rem;
	}

	.ivoice-bj {
		height: 8.5rem;
		background-size: cover;
	}

	.ivoice {
		padding-top: .45rem;
	}

	.ivoice-a {
		font-size: .4rem;
		line-height: .6rem;
	}

	.ivoice-b {
		font-size: .4rem;
		line-height: .65rem;
	}

	.ivoice-c1-a {
		width: 1.1rem;
		height: 1.1rem;
		background-size: cover;
	}

	.ivoice-c1-b {
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.ivoice-c1-c {
		font-size: .24rem;
		line-height: .4rem;
	}

	.ivoice-c1 {
		padding-top: 0;
	}

	.ivoice-cm {
		margin-top: .35rem;
	}

	.ivoice-c2 {
		height: 2.9rem;
	}

	.ivoice-c2-a {
		font-size: .24rem;
		line-height: .4rem;
		height: 1.2rem;
	}

	.ivoice-c2 {
		padding: .2rem .4rem;
	}

	.ivoice-c2-c {
		width: .7rem;
		margin-top: .2rem;
	}

	.ivoice-c2-e {
		font-size: .26rem;
		margin-top: .3rem;
	}

	.ivoice-c2-b {
		margin-top: .3rem;
	}

	.ivoice-cm {
		height: 5.4rem;
	}

	.ivoice-d {
		height: .6rem;
		margin-top: .2rem;
	}

	.ivoice-d div {
		width: .6rem;
		height: .6rem;
		background-size: .3rem;
	}

	.ivoice-d div:hover {
		background-size: .3rem;
	}

	.isearch-bj {
		height: 3.1rem;
		background-size: cover;
	}

	.isearch {
		padding-top: .8rem;
		width: 6.7rem;
	}

	.isearch .int1 {
		width: 5.1rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .26rem;
		padding: 0 .4rem;
	}

	.formd1 {
		top: 1.1rem;
		left: .2rem;
	}

	.isearch .int2 {
		width: 1.5rem;
		height: 1rem;
	}

	.isearch-a {
		padding-left: .3rem;
		font-size: .24rem;
		line-height: .4rem;
	}

	.isearch-a a {
		font-size: .24rem;
		line-height: .4rem;
		margin-right: .2rem;
	}
}



/*庄闲和游戏我们*/
.contact {
	padding-top: 115px;
	padding-bottom: 135px;
}

.contact-a {
	font-size: 18px;
	color: #454545;
	line-height: 25px;
	text-align: center;
}

.contact-b {
	font-size: 28px;
	color: #454545;
	line-height: 45px;
	text-align: center;
}

.contact-c {
	width: 100%;
	height: 430px;
	margin-top: 75px;
}

.contact-c #map {
	width: 100%;
	height: 100%;
}

.contact-d {
	margin-top: 10px;
	height: 190px;
	box-shadow: 0 0 40px rgba(222, 222, 222, .3);
}

.contact-d1 {
	width: 33.3%;
	height: 100%;
	float: left;
	padding-left: 5.8%;
	padding-right: 7.5%;
}

.contact-d2 {
	width: 33.3%;
	height: 100%;
	float: left;
	padding-left: 7%;
	padding-right: 4%;
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.contact-d3 {
	width: 33.4%;
	height: 100%;
	float: left;
	padding-left: 9%;
	padding-right: 4%;
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.contact-d1-a {
	font-size: 20px;
	color: #454545;
	padding-top: 50px;
	line-height: 1;
}

.contact-d1-b {
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}

.contact-img {
	margin-top: 40px;
}

.recruit {
	background: #fcfcfc;
	padding-bottom: 90px;
}

.recruit-a {
	background: no-repeat center;
	height: 317px;
}

.recruit-a .isearch {
	padding-top: 110px;
}

.recruit-a .formd1 {
	top: 136px
}

.recruit-a .isearch .int1 {
	background: #fdfaf9;
}

.recruit-a .isearch .int2 {
	background: #fff url(../img/ico22.png) no-repeat center;
}

.recruit-b {
	padding-top: 90px;
}

.recruit-b1,
.recruit-b2,
.recruit-b3 {
	margin-bottom: 15px;
	overflow: hidden;
}

.recruit-b1-a {
	width: 145px;
	float: left;
	padding-left: 45px;
	background: no-repeat left center;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}

.recruit-b1-b {
	width: calc(100% - 145px);
	float: left;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}

.contact-d2 .contact-d1-b {
	/*text-transform:uppercase;*/
}

.recruit-b1-b a {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 0 12px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.recruit-b1-b a.on {
	color: #ea524f;
}

.recruit-b1-b a:hover {
	color: #ea524f;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.recruit-b1 .recruit-b1-a {
	background-image: url(/template/default/img/ico23.png);
}

.recruit-b2 .recruit-b1-a {
	background-image: url(/template/default/img/ico24.png);
}

.recruit-b3 .recruit-b1-a {
	background-image: url(/template/default/img/ico25.png);
}

.recruit-b4 {
	width: 100%;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(150, 150, 150, .4);
	margin-top: 40px;
	margin-bottom: 50px;
}

.recruit-b4-a {
	font-size: 16px;
	height: 45px;
	background: #f2f2f2;
	line-height: 45px;
	padding: 0 20px;
	font-weight: bold;
}

.recruit-b4 .rba1 {
	width: 35%;
	float: left;
	padding-right: 10px;
}

.recruit-b4 .rba2 {
	width: 23%;
	float: left;
	padding-right: 10px;
}

.recruit-b4 .rba3 {
	width: 23%;
	float: left;
	padding-right: 10px;
}

.recruit-b4 .rba4 {
	width: 19%;
	float: left;
	padding-right: 10px;
}

.recruit-b4-b {}

.recruit-b4-b li {
	background: #fafafa;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.recruit-b4-b li:first-child {
	border-top: none;
}

.recruit-b4-b1 {
	overflow: hidden;
	padding: 25px 20px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.recruit-b4-b1 .rba1 {
	font-weight: bold;
}

.recruit-b4-b1 .rba5 {
	width: 15px;
	height: 100%;
	position: absolute;
	right: 30px;
	top: 0;
	background: url(/template/default/img/ico28.png) no-repeat center;
}

.recruit-b4-b1.on .rba5 {
	background: url(/template/default/img/ico27.png) no-repeat center;
}

.recruit-b4-b li:nth-child(2n) {
	background: #fff;
}

.recruit-b4-b2 {
	padding: 15px 20px;
	background: #eee;
	display: none;
}

.recruit-b4-b2 .rbb-div {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-webkit-box-lines: multiple;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.recruit-b4-b2 .rbb-div div {
	width: 33.333%;
	padding-right: 10px;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	margin: 3px 0;
	float: left;
}

.recruit-b4-b2 .rbb-txt {
	font-size: 14px;
	color: #333;
	line-height: 25px;
	padding: 10px 0;
	margin: 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.recruit-b4-b2 .rbb-a {
	display: block;
	width: 120px;
	height: 40px;
	background: #fff;
	font-size: 14px;
	text-align: center;
	color: #333;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.recruit-b4-b2 .rbb-a:hover {
	color: #ea524f;
}

@media (max-width: 1400px) {}

@media (max-width: 1023px) {}

@media (max-width: 767px) {
	.contact {
		padding-top: .9rem;
		padding-bottom: .6rem;
	}

	.contact-a {
		font-size: .28rem;
		line-height: .4rem;
	}

	.contact-b {
		font-size: .4rem;
		line-height: .6rem;
	}

	.contact-c {
		margin-top: .3rem;
		height: 4rem;
	}

	.contact-d1,
	.contact-d2,
	.contact-d3 {
		padding: .2rem;
	}

	.contact-d1-a {
		font-size: .3rem;
		line-height: .5rem;
		padding-top: 0rem;
	}

	.contact-d {
		height: 2.6rem;
	}

	.contact-d1-b {
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .15rem;
	}

	.contact-img {
		margin-top: .4rem;
	}

	.recruit-a {
		height: 3rem;
		background-size: cover;
	}

	.recruit-a .isearch {
		padding-top: .5rem;
	}

	.recruit-b {
		padding-top: .5rem;
	}

	.recruit-b1-a {
		font-size: .28rem;
		width: 2rem;
		padding-left: .5rem;
	}

	.recruit-b1-b {
		width: calc(100% - 2rem);
	}

	.recruit-b1-b a {
		font-size: .26rem;
		line-height: .4rem;
		margin: 0 .15rem;
	}

	.recruit-b1 .recruit-b1-a {
		background-size: .3rem;
	}

	.recruit-b2 .recruit-b1-a {
		background-size: .3rem;
	}

	.recruit-b3 .recruit-b1-a {
		background-size: .3rem;
	}

	.recruit-b1,
	.recruit-b2,
	.recruit-b3 {
		margin-bottom: .15rem;
	}

	.recruit-b4 {
		margin-top: .4rem;
		padding: .2rem;
	}

	.recruit-b4 .rba1 {
		width: 60%;
	}

	.recruit-b4 .rba2 {
		display: none;
	}

	.recruit-b4 .rba3 {
		display: none;
	}

	.recruit-b4 .rba4 {
		width: 40%;
	}

	.recruit-b4 {}

	.recruit-b4-a {
		font-size: .3rem;
		line-height: .8rem;
		height: .8rem;
		padding: 0 .2rem;
	}

	.recruit-b4-b1 {
		padding: .2rem;
	}

	.recruit-b4-b1 {
		font-size: .26rem;
	}

	.recruit-b4-b1 .rba5 {
		right: .4rem;
	}

	.recruit-b4-b2 {
		padding: .2rem;
	}

	.recruit-b4-b2 .rbb-div div {
		width: 50%;
		font-size: .24rem;
		line-height: .4rem;
		margin: .03rem 0;
		padding-bottom: .15rem;
	}

	.recruit-b4-b2 .rbb-txt {
		padding: .1rem 0;
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .45rem;
	}
}






/*庄闲和游戏介绍*/
.brand {
	padding-top: 120px;
	padding-bottom: 130px;
}

.brand-a {
	overflow: hidden;
}

.brand-banner .ibanner-span {
	padding-left: 0;
}

.brand-a1 {
	width: calc(100% - 150px);
	float: left;
	max-width: 775px;
}

.brand-a1-a {
	font-size: 32px;
	color: #373636;
	line-height: 50px;
	margin-bottom: 25px;
	font-weight: bold;
}

.brand-a1-b {
	font-size: 14px;
	color: #424242;
	line-height: 30px;
}

.brand-a2 {
	width: 120px;
	float: right;
	text-align: right;
	padding-top: 12px;
}

.brand-a2-a {}

.brand-a2-b {
	font-size: 22px;
	color: #373636;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
}

.brand-b {
	margin-top: 85px;
	overflow: hidden;
}

.brand-b1 {
	float: left;
	width: 310px;
}

.brand-b1 div {
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding-left: 20px;
	font-size: 22px;
	color: #373636;
	margin-bottom: 5px;
	cursor: default;
	transition: all .3s;
	-webkit-transition: all .3s;

}

.brand-b1 div:hover {
	background: #b5cfcc;
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.brand-b2 {
	width: calc(100% - 350px);
	float: right;
	max-width: 806px;
	height: 371px;
	background: no-repeat center;
}

.brand-b2-a {
	width: 100%;
	height: 100%;
	background: url(/template/default/img/ico30.png) no-repeat center;
	cursor: pointer;
}

.brand-c {
	margin-top: 75px;
	height: 380px;
}

.brand-swiper .swiper-slide {
	background: no-repeat center;
	background-size: cover;
	height: 380px;
}

.brand-c1 {
	width: 270px;
	padding: 30px 20px;
	background: #fff;

	position: relative;
	top: 140px;
	left: 7.15%;
	/*float: left;*/
	/*display: none;*/
}

.brand-c1-a {
	width: 30px;
	height: 2px;
	background: #333;
	display: none;
}

.brand-c1-b {
	font-size: 28px;
	line-height: 30px;
	color: #333;
	margin-top: 10px;
	font-weight: bold;
	font-family: arial;
}

.brand-c1-c {
	font-size: 28px;
	color: #333;
	line-height: 30px;
	margin-top: 5px;
	font-weight: bold;
}

.brand-span {
	position: absolute;
	width: auto !important;
	left: 70px !important;
	bottom: 45px !important;
	height: 20px;
	line-height: 20px;
	z-index: 4;
}

.brand-span span {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #3c3a39;
	opacity: 1;
	margin: 0 !important;
	margin-right: 10px !important;
}

.brand-span .swiper-pagination-bullet-active {
	background: #e5976c;
}

@media (max-width: 1024px) {
	.brand-c {
		height: 300px;
	}


	.brand-swiper .swiper-slide {
		height: 300px;
	}

	.brand-c1 {
		top: 60px;
		left: 0;
	}
}

@media (max-width: 767px) {
	.brand-c {
		margin-top: .5rem;
		height: 3rem;
	}

	.brand-swiper .swiper-slide {
		height: 3rem;
	}

	.brand-c1 {
		width: 4rem;
		padding: .3rem .2rem;
		top: 1rem;
		left: 0;
	}

	.brand-c1-a {
		width: .3rem;
	}

	.brand-c1-b {
		font-size: .32rem;
		line-height: .45rem;
		margin-top: 0;
	}

	.brand-c1-c {
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .05rem;
	}

	.brand-span {
		left: .3rem;
		bottom: .3rem;
	}

	.brand-span span {
		width: .1rem;
		height: .1rem;
		margin-right: .1rem;
	}
}

.brands {
	width: 100%;
	/*margin-top: 55PX;*/
	border-top: 55px solid rgba(249, 247, 244, 1);
}

.brands-m {
	display: none;
}

.brands-a {
	height: 700px;
	background: no-repeat center;
	background-size: cover;
}

.brands-a:first-child {
	height: 500px;
}

.brand-c1-d {
	font-size: 18px;
	color: #333;
	line-height: 25px;
	margin-top: 20px;
	font-weight: bold;
}

.sf-brand {
	height: 700px;
	margin-top: 125px;
}

.sf-brand .sf-ban-div {
	padding-top: 240px;
}

.brand-c1.on * {
	color: #fff;
}

.brand-c1.on .brand-c1-a {
	background: #fff;
}

@media (max-width: 1023px) {
	.brands-a {
		height: 600px
	}
}

@media (max-width: 767px) {
	.brands {
		border-top: 25px solid rgba(249, 247, 244, 1);
	}

	/*.brands{
		margin-top: .4rem;
	}*/
	.brands-pc {
		display: none;
	}

	.brands-m {
		display: block;
	}

	.brands-a {
		height: auto;
		background: no-repeat top center;
		padding-top: 5rem;
		background-size: 7.5rem 5rem;
	}

	.brand-c1 {
		top: 0;
		width: 100%;
		margin-bottom: .3rem;
	}

	.brand-c1-d {
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .05rem;
	}

	.sf-brand {
		display: block !important;
		height: 7rem;
		margin-top: 1.2rem;
	}

	.sf-brand .sf-ban-div {
		padding-top: 2.4rem !important;
	}
}




.team-bj {
	background: #fcfcfc;
}

.team {
	padding-top: 100px;
	padding-bottom: 110px;
	overflow: hidden;
}

.team-a {
	width: 100%;
	overflow: hidden;
}

.team-a1 {
	width: calc(100% - 150px);
	float: left;
	max-width: 775px;
}

.team-a1-a {
	font-size: 26px;
	color: #373636;
	line-height: 30px;
	font-family: arial;
}

.team-a1-b {
	font-size: 42px;
	color: #373636;
	line-height: 50px;
}

.team-a2 {
	width: 120px;
	float: right;
	text-align: center;
	padding-top: 5px;
}

.team-a2-a {}

.team-a2-b {
	font-size: 22px;
	color: #373636;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
}

.team-b {
	width: 30%;
	float: left;
}

.team-b1 {
	font-size: 20px;
	color: #2e2e2e;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 2px solid #2e2e2e;
}

.team-b2 {
	font-size: 14px;
	color: #171717;
	line-height: 30px;
	padding: 15px 0;
	font-weight: bold;
	margin-bottom: 40px;
}

.team-b3 {
	font-size: 14px;
	color: #868686;
	line-height: 28px;
	padding: 15px 0;
	font-weight: bold;
}

.team-b3 div {
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.team-b3 div:hover {
	color: #272727;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.team-b3 div.on {
	color: #272727;
}

.team-c {
	width: 66.67%;
	float: right;
}

.team-c1 {
	width: 103%;
	overflow: hidden;
	margin-top: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-webkit-box-lines: multiple;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.team-c1 li {
	width: 30.333%;
	float: left;
	margin-right: 3%;
	border-bottom: 2px solid #272727;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.team-c1-b {
	font-size: 20px;
	color: #2e2e2e;
	line-height: 25px;
	font-weight: bold;
	margin-top: 15px;
}

.team-c1-c {
	font-size: 14px;
	color: #171717;
	line-height: 25px;
	font-weight: bold;
}

.team-c1-d {
	font-size: 12px;
	color: #171717;
	line-height: 20px;
	font-weight: bold;
	margin-top: 8px;
	min-height: 60px;
}

.award {
	height: 900px;
	overflow: hidden;
	position: relative;
	background: #f5f5f5;
}

.award-a {
	width: 100%;
	max-width: 1650px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 110px;
	position: relative;
}

.award-a1 {
	width: 425px;
	float: left;
	margin-left: 7%;
	height: 394px;
	background: url(/template/default/img/ico32.png) no-repeat center;
}

.award-a1-a {
	font-size: 26px;
	line-height: 30px;
	color: #373636;
	padding-left: 130px;
}

.award-a1-b {
	font-size: 42px;
	line-height: 55px;
	color: #373636;
	padding-left: 130px;
}

.award-a2 {
	width: calc(100% - 465px);
	max-width: 860px;
	float: right;
	position: relative;
	z-index: 3;
}

.award-a2-a {
	height: 47px;
	margin-top: 30px;
	border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.award-a2-a1 {
	font-size: 18px;
	line-height: 45px;
	color: #4b4a4a;
	width: 110px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}

.award-a2-a2 {
	width: calc(100% - 110px);
	float: left;
	font-size: 18px;
	line-height: 45px;
	color: #4b4a4a;
	font-weight: bold;
}

.award-a2-b {
	width: 100%;
	margin-top: 165px;
	position: absolute;
	left: 0;
	padding: 0 50px;
	z-index: 4;
}

.award-a2-b .swiper-container {
	width: 100%;
}

@media (max-width: 767px) {
	.award-a2-b {
		padding: 0 .4rem;
		position: relative;
	}

	.award-a2-b .swiper-container {
		padding: .5rem 0;
	}
}

.award-a2-b:hover {
	cursor: url(/template/default/img/ico59.ico), auto;
;
}

.award-b {
	width: 100%;
	height: 436px;
	background: no-repeat center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.award-swiper1 {
	width: 100%;
}

.award-swiper1 .swiper-slide {
	cursor: pointer;
	text-align: center;
}

.award-swiper1 .swiper-slide:after {
	content: "";
	width: 0px;
	height: 2px;
	background: #333;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.award-swiper1 .swiper-slide:hover:after {
	width: 50px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.award-swiper1 .swiper-slide.on:after {
	width: 50px;
}

.swp-div {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 25px;
	width: 100%;
	display: none;
}

.swp-d1 {
	font-size: 15px;
	color: #2e2e2e;
	line-height: 25px;
}

.swp-d2 {
	font-size: 20px;
	color: #2e2e2e;
	line-height: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.vision {
	height: 702px;
}

.vision-m {
	display: none;
}

.vision .swiper-slide {
	background: no-repeat center;
	background-size: cover;
}

.vision-div {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 75px;
	padding-top: 255px;
}

.vision-d1 {
	font-size: 28px;
	color: #fff;
	line-height: 30px;
}

.vision-d2 {
	float: left;
	font-size: 28px;
	color: #fff;
	line-height: 45px;
	padding: 15px 0;
	/*border-bottom: 2px solid #fff;*/
}

.vision-d3 {
	width: 100%;
	float: left;
	font-size: 16px;
	font-family: arial;
	color: #fff;
	line-height: 20px;
	padding: 20px 0;
}

.vision-span {
	width: 100%;
	position: absolute;
	bottom: 70px;
	left: 0;
	z-index: 4;
}

.vision-sp1 {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 75px;
}

.vision-sp2 span {
	width: 20px;
	height: 3px;
	background: #383837;
	margin: 0 5px 0 0;
	border-radius: 0;
	opacity: 1;
}

.vision-sp2 .swiper-pagination-bullet-active {
	background: #fff;
}

@media (max-width: 1550px) {
	.award-a1 {
		margin-left: 0;
	}

	.vision-d2 {
		font-size: 26px;
		line-height: 35px;
		padding: 10px 0;
	}
}

@media (max-width: 1400px) {
	.brand-a1-a {
		font-size: 30px;
	}
}

@media (max-width: 1350px) {
	.award-a1 {
		width: 300px;
		height: 280px;
		background-size: cover;
	}

	.award-a1-a,
	.award-a1-b {
		padding-left: 60px;
	}

	.award-a2 {
		width: calc(100% - 330px);
	}
}

@media (max-width: 1023px) {
	.vision {
		height: 500px;
	}

	.vision-div {
		padding-top: 150px;
	}

	.brand-a1-a {
		font-size: 28px;
	}

	.vision-d2 {
		font-size: 28px;
	}

	.brand-b1 {
		width: 100%;
	}

	.brand-b1 div {
		width: initial;
		height: 50px;
		line-height: 50px;
		display: inline-block;
		float: left;
		padding: 0 15px;
	}

	.brand-b2 {
		width: 100%;
		margin-top: 25px;
		float: left;
	}

	.team-c1 li {
		width: 47%;
	}

	.award-a1 {
		position: absolute;
		top: 50px;
		left: 50px;
	}

	.award-a2 {
		width: 100%;
		margin-top: 30px;
	}

	.award-a2-b {
		margin-top: 50px;
	}

	.award {}

	.award-a {
		padding-bottom: 100px;
	}

	.award-a1-a,
	.award-a1-b {
		padding-left: 0;
	}

	.sf-tk-a {
		width: 95%;
		margin-top: 80px;
	}
}

@media (max-width: 767px) {
	.award {
		height: inherit;
	}

	.brand {
		padding-top: 1rem;
		padding-bottom: .6rem;
	}

	.brand-a2 {
		width: 1.2rem;
		padding-top: .1rem;
	}

	.brand-a2-b {
		font-size: .28rem;
		line-height: .45rem;
	}

	.brand-a1 {
		width: calc(100% - 1.5rem);
	}

	.brand-a1-a {
		font-size: .36rem;
		line-height: .55rem;
		margin-bottom: .25rem;
	}

	.brand-a1-b {
		font-size: .26rem;
		line-height: .5rem;
	}

	.brand-b {
		margin-top: .6rem;
	}

	.brand-b1 div {
		font-size: .3rem;
		line-height: .6rem;
		height: .6rem;
		padding: 0 .15rem;
		margin-bottom: .05rems;
	}

	.brand-b2 {
		margin-top: .2rem;
		height: 3rem;
		background-size: cover;
	}

	.team-a2 {
		width: 1.2rem;
		padding-top: .1rem;
	}

	.team-a2-b {
		font-size: .28rem;
		line-height: .45rem;
	}

	.team-a1-a {
		font-size: .28rem;
		line-height: .45rem;
	}

	.team-a1-b {
		font-size: .45rem;
		line-height: .6rem;
	}

	.team-b {
		width: 100%;
		margin-top: .2rem;
	}

	.team-b1 {
		font-size: .28rem;
		line-height: .45rem;
		padding-bottom: .05rem;
	}

	.team-b2 {
		font-size: .26rem;
		line-height: .45rem;
		padding: .15rem 0;
		margin-bottom: .25rem;
	}

	.team-b3 div {
		display: inline-block;
		float: left;
		margin: 0 .1rem;
		font-size: .24rem;
		line-height: .45rem;

		margin-bottom: .05rem;
	}

	.team-c {
		width: 100%;
		margin-top: .5rem;
	}

	.team-c1 {
		margin-top: .3rem;
	}

	.team-c1-b {
		font-size: .32rem;
		line-height: .5rem;
		margin-top: .1rem;
	}

	.team-c1-c {
		font-size: .28rem;
		line-height: .45rem;
	}

	.team-c1-d {
		font-size: .24rem;
		line-height: .45rem;
	}

	.team {
		padding-top: .6rem;
		padding-bottom: .6rem;
	}

	.award-b {
		height: 3rem;
		background-size: cover;
	}

	.award-a {
		padding: 0 .4rem;
		padding-top: .6rem;
		padding-bottom: .8rem;
	}

	.award-a1 {
		top.4rem;
		left: .4rem;
	}

	.award-a1-a {
		font-size: .28rem;
		line-height: .45rem;
	}

	.award-a1-b {
		font-size: .42rem;
		line-height: .55rem;
	}

	.award-a2 {
		margin-top: 1rem;
	}

	.award-a2-a {
		height: .8rem;
	}

	.award-a2-a1 {
		font-size: .28rem;
		height: .8rem;
		line-height: .8rem;
		width: 1.5rem;
	}

	.award-a2-a2 {
		width: calc(100% - 1.5rem);
		font-size: .28rem;
		line-height: .8rem;
	}

	.award-a2-b {
		margin-top: .4rem;
	}

	.swp-div {
		padding: .2rem;
	}

	.swp-d1 {
		font-size: .24rem;
		line-height: .45rem;
	}

	.swp-d2 {
		font-size: .28rem;
		line-height: .45rem;
		padding-bottom: .15rem;
	}

	.vision {
		height: 5rem;
	}

	.vision-pc {
		display: none;
	}

	.vision-m {
		display: block;
	}

	.vision .swiper-slide {
		background-size: cover;
	}

	.vision-div {
		max-width: 80%;
		float: left;
		padding: 0 .4rem;
		padding-top: 1rem;
	}

	.vision-d1 {
		font-size: .3rem;
		line-height: .45rem;
	}

	.vision-d2 {
		font-size: .3rem;
		line-height: .45rem;
		padding: .1rem 0;
	}

	.vision-d3 {
		font-size: .26rem;
		line-height: .45rem;
		padding: .2rem 0;
	}

	.vision-span {
		bottom: 1rem;
	}

	.vision-sp1 {
		padding: 0 .4rem;
	}

	.sf-tk-a {
		width: 95%;
		margin-top: 2.2rem;
	}

	.sf-tk-x {
		width: .4rem;
		height: .4rem;
		top: .4rem;
		right: .4rem;
	}
}






/*庄闲和游戏保证*/
.design {
	height: 950px;
	margin-top: 55px;
}

.design .swiper-slide {
	background: no-repeat center;
}

.design-div {
	padding-top: 240px;
}

.design-d1 {
	font-size: 28px;
	color: #fff;
	line-height: 35px;
}

.design-d2 {
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding-top: 10px;
}

.design-d3 {
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding-top: 10px;
	font-family: arial;
}

.design-d4 {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	padding-top: 85px;
	max-width: 480px;
}

.design-span {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 4;
}

.design-sp1 {
	position: relative;
}

.design-sp2 {
	width: 15px;
	height: 950px;
	line-height: 950px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.design-sp3 {
	width: 15px;
	display: inline-block;
	top: 50%;
	right: 50px;
	margin-top: -15px;
}

.design-sp3 span {
	display: block;
	float: right;
	width: 15px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
	border-radius: 0;
}

.design-sp2 .swiper-pagination-bullet-active {
	width: 35px;
	background: #fff;
}

.high {
	height: 950px;
	background: no-repeat center;
	padding-top: 100px;
}

.high-a {
	font-size: 22px;
	color: #373636;
	line-height: 25px;
	font-family: arial;
	font-weight: bold;
}

.high-b {
	font-size: 28px;
	color: #373636;
	line-height: 50px;
	margin-top: 10px;
}

.high-c {
	margin-top: 15px;
}

.high-swiper {
	width: 117%;
	padding: 0;
	left: -8.5%;
}

.high-c1 {
	width: 100%;
	max-width: 259px;
	margin: 0 auto;
	padding-top: 45px;
	position: relative;
	top: 100px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.high-c1-a {
	width: 100%;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 2;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.high-c1-a1 {
	display: none;
}

.high-c1-b {
	font-size: 14px;
	color: #373636;
	line-height: 20px;
	text-align: center;
	position: relative;
	z-index: 3;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.high-c1-c {
	font-size: 18px;
	color: #3c3c3c;
	line-height: 20px;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-family: arial;
	z-index: 3;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.high-c1-d {
	text-align: center;
	margin-top: 30px;
	position: relative;
	z-index: 3;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.high-c1-e {
	font-size: 13px;
	color: #3f3f3f;
	line-height: 25px;
	text-align: center;
	margin-top: 35px;
	display: none;
	transition: all .3s;
	-webkit-transition: all .3s;
}


@media (min-width: 1024px) {



	.high-swiper .swiper-slide-next .high-c1 {
		max-width: 467px;
		top: 0;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.high-swiper .swiper-slide-next .high-c1-b {
		font-size: 26px;
		color: #fff;
		line-height: 30px;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.high-swiper .swiper-slide-next .high-c1-c {
		font-size: 35px;
		color: #fff;
		line-height: 50px;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.high-swiper .swiper-slide-next .high-c1-e {
		display: block;
	}

	.high-swiper .swiper-slide-next .high-c1-a1 {
		display: block;
	}

	.high-swiper .swiper-slide-next .high-c1-a2 {
		display: none;
	}
}


.chain {
	height: 964px;
	background: no-repeat center;
	padding-top: 100px;
}

.chain-a {
	font-size: 22px;
	color: #fff;
	line-height: 25px;
	font-family: arial;
	font-weight: bold;
}

.chain-b {
	font-size: 28px;
	color: #fff;
	line-height: 40px;
	margin-top: 10px;
}

.chain-c {
	margin-top: 90px;
	height: 530px;
	overflow: auto;
}

.chain-c .mCSB_inside>.mCSB_container {
	margin-right: 5px !important;
}

.chain-c .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(255, 255, 255, .4) !important;
}

.chain-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px !important;
}

.chain-c li {
	margin-bottom: 70px;
	overflow: hidden;
}

.chain-c1 {
	width: 405px;
	height: 130px;
	background: #fff;
	text-align: center;
	line-height: 130px;
	border-radius: 65px;
	float: left;
}

.chain-c2 {
	width: calc(100% - 445px);
	float: right;
	max-width: 655px;
	border-left: 1px solid #fff;
	padding: 0 4%;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}

.chain-c2-a {
	font-size: 18px;
	margin-bottom: 10px;
}

@media (max-width: 1400px) {
	.design {
		height: 850px;
	}

	/*.design-d1{
		font-size: 24px;
		line-height: 30px;
	}
	.design-d2{
		font-size: 36px;
		padding-top: 15px;
	}
	.design-d3{
		font-size: 36px;
	}*/
	/*.high-b{
		font-size: 36px;
	}*/
	/*.chain-b{
		font-size: 36px;
	}*/
}

@media (max-width: 1023px) {
	/*.design-d1{
		font-size: 22px;
	}
	.design-d2{
		font-size: 34px;
	}
	.design-d3{
		font-size: 34px;
	}*/
	/*.high-b{
		font-size: 34px;
	}*/
	/*.chain-b{
		font-size: 34px;
	}*/
}

@media (max-width: 1023px) {
	.high-swiper .swiper-slide .high-c1 {
		max-width: 467px;
		top: 0;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.high-swiper .swiper-slide .high-c1-b {
		font-size: 26px;
		color: #fff;
		line-height: 30px;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.high-swiper .swiper-slide .high-c1-c {
		font-size: 35px;
		color: #fff;
		line-height: 50px;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.high-swiper .swiper-slide .high-c1-e {
		display: block;
	}

	.high-swiper .swiper-slide .high-c1-a1 {
		display: block;
	}

	.high-swiper .swiper-slide .high-c1-a2 {
		display: none;
	}

	.chain-c1 {
		width: 260px;
		height: 80px;
		border-radius: 40px;
		line-height: 80px;
		overflow: hidden;
		padding: 0 20px;
	}

	.chain-c2 {
		width: calc(100% - 280px);
	}
}

@media (max-width: 767px) {
	.design {
		height: 9.5rem;
		margin-top: .4rem;
	}

	.design-sp3 {
		right: .4rem;
	}

	.design .swiper-slide {
		background-size: cover;
	}

	.design-div {
		padding-top: 3rem;
	}

	.design-d1 {
		font-size: .32rem;
		line-height: .35rem;
	}

	.design-d2 {
		font-size: .32rem;
		line-height: .55rem;
		padding-top: .15rem;
	}

	.design-d3 {
		font-size: .32rem;
		line-height: .55rem;
		padding-top: .15rem;
	}

	.design-d4 {
		font-size: .24rem;
		line-height: .45rem;
		padding-top: .6rem;
	}

	.high {
		padding-top: .6rem;
		padding-bottom: .8rem;
		height: initial;
		background-size: cover;
	}

	.high-a {
		font-size: .26rem;
		line-height: .3rem;
	}

	.high-b {
		font-size: .4rem;
		line-height: .55rem;
		margin-top: .15rem;
	}

	.high-swiper {
		width: 80%;
		left: 0;
	}

	.high-swiper .high-c1 {
		top: 0;
	}

	.high-swiper .swiper-slide .high-c1 {
		padding-top: .6rem;
	}

	.high-swiper .swiper-slide .high-c1-b {
		font-size: .3rem;
		line-height: .3rem;
	}

	.high-swiper .swiper-slide .high-c1-c {
		font-size: .38rem;
		line-height: .55rem;
	}

	.high-swiper .swiper-slide .high-c1-e {
		font-size: .24rem;
		line-height: .45rem;
	}

	.chain {
		height: 10rem;
		background-size: cover;
		padding-top: .6rem;
	}

	.chain-a {
		font-size: .28rem;
	}

	.chain-b {
		font-size: .4rem;
		line-height: .6rem;
		margin-top: .05rem;
	}

	.chain-c {
		margin-top: .6rem;
		height: 7rem;
	}

	.chain-c1 {
		width: 2rem;
		height: .6rem;
		line-height: .6rem;
		padding: 0 .2rem;
	}

	.chain-c2 {
		width: 100%;
		margin-top: .15rem;
	}

	.chain-c2-a {
		font-size: .3rem;
		line-height: .5rem;
		margin-bottom: .15rem;
	}

	.chain-c2 {
		font-size: .24rem;
		line-height: .45rem;
	}

	.chain-c li {
		margin-bottom: .6rem;
	}
}



/*资讯中心*/
.news {
	padding-top: 140px;
	padding-bottom: 110px;
}

.news-a {
	font-size: 28px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 50px;
}

.news-b {
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.news-b li {
	padding: 85px 0;
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 1px dashed rgba(0, 0, 0, .1);
}

.news-b li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.news-b li:first-child {
	border-top: none;
}

.news-b1 {
	width: 100px;
	float: left;
}

.news-b1-a {
	font-size: 44px;
	color: #acacac;
	line-height: 70px;
	border-bottom: 1px solid #acacac;
	text-align: center;
}

.news-b1-b {
	font-size: 14px;
	color: #acacac;
	line-height: 40px;
	text-align: center;
}

.news-b2 {
	width: 300px;
	float: left;
	margin: 0 40px;
	overflow: hidden;
}

.news-b2 img {
	max-width: 100%;
	max-height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.news-b2:hover img {
	transform: scale(1.08);
	transition: all .3s;
	-webkit-transition: all .3s;
}

.news-b3 {
	width: calc(100% - 480px);
	float: right;
}

.news-b3-a {
	font-size: 18px;
	color: #2e2e2e;
	line-height: 55px;
	height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.news-b3-b {
	font-size: 14px;
	color: #515151;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-b3-c {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, .1);
	margin-top: 25px;
}

.news-b3-d {
	font-size: 14px;
	color: #353535;
	line-height: 20px;
	margin-top: 25px;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	background: url(/template/default/img/ico06.png) no-repeat right center;
	background-size: 6px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.news-b3-d:hover {
	padding-right: 15px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.news-b3-e {
	font-size: 14px;
	color: #353535;
	line-height: 20px;
	margin-top: 25px;
	float: right;
	display: none;
}

.news .page {
	margin-top: 30px;
}

@media (max-width: 1023px) {
	.news-a {
		font-size: 28px;
		line-height: 35px;
	}

	.news-b3-a {
		font-size: 22px;
		height: 50px;
		line-height: 50px;
	}
}

@media (max-width: 1023px) {
	.news-a {
		font-size: 26px;
	}

	.news-b3-a {
		font-size: 20px;
	}

	.news-b li {
		padding: 50px 0;
	}

	.news-b1 {
		width: 80px;
	}

	.news-b2 {
		width: 260px;
		margin: 0 20px;
	}

	.news-b3 {
		width: calc(100% - 380px);
	}

	.news-b3-c {
		margin-top: 15px;
	}

	.news-b3-d {
		margin-top: 15px;
	}
}

@media (max-width: 767px) {
	.news {
		padding-top: .8rem;
		padding-bottom: .6rem;
	}

	.news-a {
		font-size: .34rem;
		line-height: .55rem;
		margin-bottom: .2rem;
	}

	.news-b li {
		padding: .4rem 0;
		margin: 0;
	}

	.news-b1 {
		display: none;
	}

	.news-b2 {
		width: 2.8rem;
		margin: 0;
		margin-right: .2rem;
	}

	.news-b3 {
		width: calc(100% - 3rem);
	}

	.news-b3-a {
		font-size: .28rem;
		height: .35rem;
		line-height: .35rem;
		font-weight: bold;
	}

	.news-b3-b {
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
	}

	.news-b3-c {
		margin-top: 0rem;
	}

	.news-b3-d {
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .15rem;
	}

	.news-b3-e {
		display: block;
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .15rem;
	}

	.news .page {
		margin-top: .3rem;
	}
}



/*资讯详情*/
.newsinfo-bj {
	background: #fcfcfc;
	padding-top: 180px;
}

.newsinfo {
	padding-top: 80px;
	padding-bottom: 140px;
	overflow: hidden;
}

.newsinfo-a {
	font-size: 26px;
	line-height: 45px;
	text-align: center;
	color: #222;
}

.newsinfo-b {
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #888;
	margin-top: 10px;
}

.newsinfo-c {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding: 40px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-top: 40px;
	margin-bottom: 20px;

}

.newsinfo-d {
	width: calc(100% - 160px);
	float: left;
}

.newsinfo-d a {
	display: block;
	font-size: 16px;
	line-height: 25px;
	margin: 5px 0;
	color: #333;
}

.newsinfo-d a:hover {
	color: #ea524f;
}

.newsinfo-e {
	width: 140px;
	height: 45px;
	background: #ea524f;
	color: #fff;
	line-height: 45px;
	text-align: center;
	display: block;
	float: right;
	margin-top: 10px;
}

.newsinfo-e:hover {
	color: #fff;
	opacity: .85;
}

@media (max-width: 1400px) {
	.newsinfo-a {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.newsinfo-bj {
		padding-top: 1.6rem;
	}

	.newsinfo {
		padding: .6rem .4rem;
	}

	.newsinfo-a {
		font-size: .36rem;
		line-height: .5rem;
	}

	.newsinfo-b {
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .05rem;
	}

	.newsinfo-c {
		margin: .3rem 0;
		padding: .3rem 0;
		font-size: .24rem;
		line-height: .45rem;
	}

	.newsinfo-d a {
		font-size: .24rem;
		line-height: .45rem;
		margin: .05rem 0;
	}

	.newsinfo-e {
		width: 2.4rem;
		height: .8rem;
		font-size: .26rem;
		line-height: .8rem;
	}

	.newsinfo-d {
		width: 100%;
	}
}




/*所有庄闲和游戏*/
.product-a {
	padding-top: 180px;
	padding-bottom: 100px;
}

.product-a1 {
	font-size: 28px;
	color: #2e2e2e;
	line-height: 50px;
	height: 70px;
	border-bottom: 2px solid rgba(0, 0, 0, .1);
	background: url(/template/default/img/ico36.png) no-repeat right center;
	cursor: pointer;
}

.product-a1.on {
	background: url(/template/default/img/ico28.png) no-repeat right center;
}

.product-a2 {
	margin-top: 40px;
	overflow: hidden;
}

.product-a2-a {
	width: 55%;
	float: left;
}

.product-a2-a1 {
	font-size: 22px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 25px;
}

.product-a2-a2 {
	overflow: hidden;
}

.product-a2-a2 a {
	display: block;
	float: left;
	margin-right: 8%;
	font-size: 16px;
	color: #2e2e2e;
	line-height: 35px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}

.product-a2-a2 a:after {
	content: "";
	width: 0;
	height: 2px;
	background: #2e2e2e;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
}

@media (min-width: 1024px) {
	.product-a2-a2 a:hover:after {
		width: 100%;
		transition: all .3s;
		-webkit-transition: all .3s;
	}
}

.product-a2-a2 a.on:after {
	width: 100%;
}

.product-a2-b {
	width: 44%;
	float: right;
	cursor: pointer;
}

.product-a2-b1 {
	height: 149px;
	background: no-repeat center;
	padding-top: 50px;
}

.product-a2-b1 .pro-b1 {
	font-size: 26px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	font-family: arial;
	text-align: center;
}

.product-a2-b1 .pro-b2 {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.product-a2-c {
	width: 102.1%;
	overflow: hidden;
}

/*.product-a2-c li{
	background: no-repeat center;
	width: 22.9%;
	float: left;
	margin-right: 2.1%;
	height: 115px;
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 30px 25px 0 25px;
	cursor: pointer;
}*/
.product-a2-c li {
	background: no-repeat center;
	width: 16.666%;
	float: left;
	height: auto;
	border-radius: 5px;
	cursor: pointer;
	line-height: 60px;
}

.product-a2-c1 {
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.product-a2-c1:hover {
	border-bottom: 2px solid #333;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.product-a2-c li.on .product-a2-c1 {
	border-bottom: 2px solid #333;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.product-a2-c2 {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-top: 5px;
}

.product-b {
	width: 100%;
	background: #FFFFFF;
	padding-top: 70px;
	padding-bottom: 70px;
}

.product-b-ul {
	width: 102%;
	padding-top: 10px;
	position: relative;
	left: -1%;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-webkit-box-lines: multiple;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.product-b-ul li {
	width: 24%;
	float: left;
	margin: 0 0.5%;
	margin-bottom: 10px;
	background: #fff;
	position: relative;
	top: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	border-radius: 15px;
}

.product-b-ul li a {
	display: block;
}

.product-b1 {
	background: #ffffff;
	overflow: hidden;
	text-align: center;
	border-radius: 15px;
}

.product-b1 img {
	transition: all .3s;
	-webkit-transition: all .3s;
	border-radius: 15px;
}

.product-b2 {
	padding: 20px;
}

.product-b2-a {
	font-size: 16px;
	color: #000000;
	/*font-weight: bold;*/
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: center;
}

.product-b2-b {
	font-size: 16px;
	color: #171717;
	line-height: 30px;
	height: 60px;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-b34 {
	width: 70px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 10px;
}

.product-b3 {
	width: 27px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background: url(/template/default/img/ico40.png) no-repeat center;
}

.product-b4 {
	width: 27px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background: url(/template/default/img/ico39.png) no-repeat center;
}

.product-b-ul li:hover {
	box-shadow: 0 0 15px rgba(200, 200, 200, .5);
	top: -3px;
	transition: all .3s;
	-webkit-transition: all .3s;
	border-radius: 15px;
}

.product-b-ul li:hover .product-b1 img {
	transform: scale(1.08);
	transition: all .3s;
	-webkit-transition: all .3s;
	border-radius: 15px;
}

.product .page {
	margin-top: 25px;
}

@media (max-width: 1220px) {
	.product-a1 {
		font-size: 24px;
	}

	.product-a2-c1 {}

	.product-a2-c2 {
		font-size: 14px;
	}

	.product-b2-a {
		font-size: 16px;
	}

	.product-b2-b {
		font-size: 16px;
	}
}

@media (max-width: 1023px) {
	.product-a2-a2 a {
		margin-right: 3%;
	}

	.product-b-ul li {
		width: 31.333%;
	}

	.product-a2-c li {
		/*width: 31.233%;
		margin-bottom: 20px;*/
	}
}

@media (max-width: 767px) {
	.product-a2-a2 a {
		margin-right: 3%;
	}

	.product-b-ul li {
		width: 31.333%;
	}

	.product-a {
		padding-top: 1.8rem;
		padding-bottom: .5rem;
	}

	.product-a1 {
		font-size: .32rem;
		height: .7rem;
		line-height: .5rem;
		background-size: .3rem;
	}

	.product-a2 {
		margin-top: .3rem;
	}

	.product-a2-a {
		width: 100%;
	}

	.product-a2-a1 {
		font-size: .3rem;
		line-height: .5rem;
		margin-bottom: .1rem;
	}

	.product-a2-a2 a {
		font-size: .26rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}

	.product-a2-b {
		width: 100%;
		margin-top: .2rem;
	}

	.product-a2-b1 {
		height: 2rem;
		background-size: cover;
		padding-top: .6rem;
	}

	.product-a2-b1 .pro-b1 {
		font-size: .3rem;
		line-height: .35rem;
	}

	.product-a2-b1 .pro-b2 {
		font-size: .28rem;
		line-height: .45rem;
	}

	.product-b {
		padding-top: .6rem;
		padding-bottom: .6rem;
	}

	.product-b-ul li {
		width: 48%;
		margin-bottom: .25rem;
	}

	.product-b2 {
		padding: .2rem;
	}

	.product-b2-a {
		font-size: .28rem;
	}

	.product-b2-b {
		height: 1rem;
		padding-top: .1rem;
		margin-top: .1rem;
		font-size: .26rem;
		height: .9rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}

	.product .page {
		margin-top: .25rem;
	}

	.product-a2-c li {
		width: 33.333%;
		margin-bottom: .25rem;
		height: .6rem;
		line-height: .6rem;
		background-size: cover;
		padding: 0rem;
	}

	.product-a2-c1 {
		font-size: .26rem;
		line-height: .4rem;
		margin: 0;
	}

	.product-a2-c2 {
		font-size: .24rem;
		line-height: 0rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
}




/*庄闲和游戏详情*/
.proinfo {
	padding-top: 255px;
	padding-bottom: 95px;
	overflow: hidden;
}

.proinfo-a {
	width: 615px;
	overflow: hidden;
	float: left;
	position: relative;
}

.proinfo-a2 {
	width: 540px;
	height: 85px;
	position: relative;

	margin: 20px 0;
}

.proinfo-swiper {
	width: 100%;
}

.proinfo-b {
	width: calc(100% - 645px);
	float: left;
	max-width: 350px;
	padding-top: 100px;
	margin-left: 30px;
	padding-bottom: 100px;
}

.proinfo-b1 {
	font-size: 28px;
	color: #2e2e2e;
	line-height: 50px;
}

.proinfo-b2 {
	font-size: 16px;
	color: #515151;
	line-height: 24px;
	margin-top: 30px;
}

.proinfo-b3 {
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-top: 1px solid rgba(0, 0, 0, .1);
	font-size: 17px;
	color: #515151;
	line-height: 30px;
	margin-top: 30px;
}

.proinfo-c {
	width: 100%;
	overflow: hidden;
	background: #fff;
	float: left;
	margin-top: 85px;
	padding: 55px 30px 100px 30px;
}

.proinfo-c1 {
	height: 30px;
	text-align: center;
	position: relative;
}

.proinfo-c1 div {
	display: inline-block;
	font-size: 24px;
	color: #2e2e2e;
	line-height: 30px;
	text-align: center;
	margin: 0 35px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.proinfo-c1:after {
	content: "";
	width: 1px;
	height: 22px;
	background: rgba(0, 0, 0, .1);
	position: absolute;
	top: 5px;
	left: 50%;
}

.proinfo-c1 div.on {
	color: #ea524f;
}

.proinfo-c1 div:hover {
	color: #ea524f;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.proinfo-c2 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 50px;
}

.proinfo-c2-a {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	display: none;
}

.proinfo-d {
	display: block;
	width: 38px;
	height: 38px;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	float: right;
	margin-top: 70px;
	margin-left: 5px;
	background: #fcfcfc url(/template/default/img/ico06.png) no-repeat center;
}

.proinfo-e {
	display: block;
	width: 38px;
	height: 38px;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	float: right;
	margin-top: 70px;
	background: #fcfcfc url(../img/ico26.png) no-repeat center;
}

@media (max-width: 1200px) {
	.proinfo-a {
		width: 515px;
		height: initial;
	}

	.proinfo-a2 {
		width: 440px;
		bottom: 20px;
	}

	.proinfo-b {
		width: calc(100% - 545px);
	}
}

@media (max-width: 1023px) {
	.proinfo-a {
		width: 615px;
		height: initial;
	}

	.proinfo-a2 {
		width: 440px;
		bottom: 20px;
	}

	.proinfo-b {
		width: 100%;
		max-width: initial;
		padding-top: 30px;
		margin-left: 0;
	}
}

@media (max-width: 767px) {
	.proinfo-a {
		width: 100%;
	}

	.proinfo {
		padding-top: 1.8rem;
		padding-bottom: .6rem;
	}

	.proinfo-a2 {
		width: 5.7rem;
		left: 0;
		bottom: .2rem;
		height: initial;
	}

	.proinfo-b {
		padding-top: .4rem;
		padding-bottom: .4rem;
		margin-left: 0;
	}

	.proinfo-b1 {
		font-size: .4rem;
		line-height: .5rem;
	}

	.proinfo-b2 {
		font-size: .28rem;
		line-height: .5rem;
		margin-top: .3rem;
	}

	.proinfo-b3 {
		padding: .3rem 0;
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .4rem;
	}

	.proinfo-c {
		margin-top: .5rem;
		padding: .2rem;
	}

	.proinfo-c1 div {
		font-size: .3rem;
		line-height: .5rem;
		margin: 0 .2rem;
	}

	.proinfo-c1:after {
		height: .3rem;
		top: .25rem;
	}

	.proinfo-c2 {
		margin-top: .5rem;
	}

	.proinfo-c2-a {
		font-size: .24rem;
		line-height: .45rem;
	}

	.proinfo-d,
	.proinfo-e {
		margin-top: .4rem;
	}
}




/*庄闲和游戏交流*/
.market-bj {
	background: no-repeat center;
	height: 1005px;
	background-color: #eff0f0;
}

.market {
	width: 100%;
	max-width: 450px;
	padding-top: 120px;
}

.market-a {
	font-size: 18px;
	color: #fff;
	line-height: 25px;
}

.market-b {
	font-size: 28px;
	color: #fff;
	line-height: 55px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	margin-top: 5px;
}

.market-c {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 25px;
}

.market-d {
	font-size: 28px;
	color: #fff;
	line-height: 25px;
	margin-top: 35px;
}

.market-e {
	margin-top: 20px;
	overflow: hidden;
}

.market-e li {
	width: 205px;
	height: 95px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 5px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.market-f {
	font-size: 28px;
	color: #fff;
	line-height: 25px;
	margin-top: 30px;
}

.market-g {
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	margin-top: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .6);
}

.market-g:hover {
	color: #ea524f;
}

.gift-bj {
	background: no-repeat center;
	background-size: cover;
}

.gift-bj .cooperation-d {
	margin-top: 30px !important;
}

.gift {
	padding-top: 125px;
	padding-bottom: 125px;
	color: #373636;
}

.gift-a {
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	font-family: arial;
}

.gift-b {
	font-size: 28px;
	line-height: 70px;
	text-align: center;
}

.gift-c {
	width: 40px;
	height: 1px;
	margin: 0 auto;
	background: rgba(0, 0, 0, .1);
	margin-top: 30px;
}

.gift-d {
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	margin-top: 35px;
}

.gift-e {
	font-size: 18px;
	line-height: 35px;
	margin-top: 80px;
}

.gift-f {
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}

.gift-f1 {
	width: 30%;
	max-width: 299px;
	position: absolute;
	left: 0;
	top: 0;
}

.gift-f2 {
	width: 30%;
	max-width: 299px;
	margin: 0 auto;
	position: relative;
}

.gift-f3 {
	width: 30%;
	max-width: 299px;
	position: absolute;
	right: 0;
	top: 0;
}

.gift-f1-a {
	font-size: 25px;
	line-height: 1;
	padding-top: 75px;
	padding: 45px;
}

.gift-f1-a {
	font-size: 25px;
	line-height: 1;
	padding: 0 15%;
	position: absolute;
	top: 18%;
	left: 0;
	color: #fff;
}

.gift-f1-b {
	font-size: 33px;
	line-height: 45px;
	position: absolute;
	top: 25%;
	left: 0;
	padding: 0 15%;
	color: #fff;
}

.gift-g {
	font-size: 18px;
	line-height: 35px;
	margin-top: 50px;
}

.gift-h {
	margin-top: 70px;
}

.gift-i {
	font-size: 18px;
	line-height: 35px;
	margin-top: 30px;
}

.gift-j {
	width: 101.6%;
	overflow: hidden;
	margin-top: 45px;
}

.gift-j li {
	width: 23.4%;
	float: left;
	margin-right: 1.6%;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.gift-k {
	font-size: 18px;
	line-height: 35px;
	margin-top: 120px;
}

.gift-l {
	overflow: hidden;
	margin-top: 40px;
	font-size: 17px;
	color: #373636;
	line-height: 35px;
	text-align: center;
}

.gift-l1 {
	width: 90px;
	height: 125px;
	float: left;
	margin-bottom: 15px;
}

.gift-l1 img {
	margin-top: 25px;
}

.gift-l2 {
	width: 80px;
	height: 125px;
	float: left;
	background: url(/template/default/img/ico49.png) no-repeat center 10px;
	margin-bottom: 15px;
}

.league-bj {
	background: #fcfcfc;
}

.league {
	padding-top: 75px;
	padding-bottom: 50px;
	color: #373636;
}

.league-a {
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	font-family: arial;
}

.league-b {
	font-size: 28px;
	line-height: 70px;
	text-align: center;
}

.league-c {
	width: 40px;
	height: 1px;
	margin: 0 auto;
	background: rgba(0, 0, 0, .1);
	margin-top: 30px;
}

.league-d {
	overflow: hidden;
	margin-top: 90px;
}

.league-hh {
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 20px;
}

.league-txt {
	font-size: 14px;
	line-height: 35px;
	margin-bottom: 60px;
}

.league-d1 {
	width: 58.5%;
	float: left;
}

.league-d2 {
	width: 40%;
	float: left;
	margin-left: 1.5%;
}

.league-d3 {
	width: 65%;
	float: left;
}


.cooperation-bj {
	/*height: 652px;*/
	height: auto;
	padding-bottom: 80px;
	background: no-repeat center;
	background-size: cover;
}

.cooperation {
	padding-top: 75px;
	text-align: center;
	color: #fff;
}

.cooperation-a {
	font-size: 28px;
	line-height: 1;
}

.cooperation-b {
	font-size: 16px;
	line-height: 30px;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 60px;
}

.cooperation-c {
	max-width: 790px;
	margin: 0 auto 50px;
	margin-top: 65px;
	overflow: hidden;
}

.cooperation-c1 {
	width: 27.85%;
	float: left;
	height: 105px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, .1);
	font-size: 18px;
	color: #fff;
	line-height: 103px;
	margin-left: 8.22%;
}

.cooperation-c1:first-child {
	margin-left: 0;
}

.cooperation-d {
	width: 375px;
	margin: 0 auto;
	margin-top: 30px;
	height: 60px;
	background: #fff;
	border-radius: 3px;
	font-size: 18px;
	color: #373636;
	line-height: 60px;
	text-align: center;
}

.cooperation-d a {
	font-size: 18px;
	color: #373636;
	font-family: arial;
	border-bottom: 1px solid #373636;
}


@media (max-width: 1400px) {
	.market-b {
		font-size: 36px;
		padding-bottom: 15px;
	}

	.market-d {
		font-size: 22px;
	}

	/*.gift-b{
		font-size: 36px;
		line-height: 60px;
	}
	.gift-e{
		font-size: 22px;
	}
	.gift-g{
		font-size: 22px;
	}
	.gift-i{
		font-size: 22px;
	}
	.gift-k{
		font-size: 22px;
	}
	.league-b{
		font-size: 36px;
		padding-bottom: 15px;
	}*/
}

@media (max-width: 1023px) {
	.gift {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.gift-h {
		width: 60%;
	}

	.league-d1,
	.league-d2,
	.league-d3 {
		width: 100%;
		margin: 0;
	}

	.league-d {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.market-bj {
		margin-top: .4rem;
		height: 10rem;
		background-size: cover;
	}

	.market {
		padding-top: .5rem;
		max-width: 5.5rem;
	}

	.market-a {
		font-size: .28rem;
		line-height: .4rem;
	}

	.market-b {
		font-size: .36rem;
		line-height: .5rem;
		padding-bottom: .2rem;
	}

	.market-c {
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .2rem;
	}

	.market-d {
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}

	.market-e {
		margin-top: .1rem;
	}

	.market-e li {
		width: 47%;
		margin-right: 3%;
		height: initial;
		margin-bottom: .1rem;
	}

	.market-f {
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}

	.market-g {
		font-size: .24rem;
		line-height: .3rem;
		margin-top: 0rem;
		position: relative;
		top: -.2rem;
	}

	.gift-bj .cooperation-d {
		margin-top: .4rem !important;
	}

	.gift {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.gift-a {
		font-size: .28rem;
		line-height: .4rem;
	}

	.gift-b {
		font-size: .42rem;
		line-height: .6rem;
	}

	.gift-c {
		margin-top: .3rem;
	}

	.gift-d {
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .3rem
	}

	.gift-e,
	.gift-g,
	.gift-i,
	.gift-k {
		font-size: .3rem;
		line-height: .45rem;
	}

	.gift-e {

		margin-top: .4rem;
	}

	.gift-f {
		margin-top: .3rem;
	}

	.gift-f1-a {
		font-size: .28rem;
	}

	.gift-f1-b {
		font-size: .3rem;
	}

	.gift-g {
		margin-top: .5rem;
	}

	.gift-h {
		margin-top: .3rem;
	}

	.gift-i {
		margin-top: .3rem;
	}

	.gift-j {
		margin-top: .3rem;
	}

	.gift-j li {
		width: 31.733%;
		margin-bottom: .15rem;
	}

	.gift-k {
		margin-top: .5rem;
	}

	.gift-l {
		margin-top: .3rem;
		font-size: .26rem;
		line-height: .45rem;
	}

	.gift-l1 {
		width: 1.3rem;
		height: 1.8rem;
		margin-bottom: .15rem;
	}

	.gift-l1 img {
		width: 60%;
		margin-top: .25rem;
	}

	.gift-l2 {
		width: .8rem;
		height: 1.8rem;
		background: url(/template/default/img/ico49.png) no-repeat center .1rem;
		background-size: .2rem;
		margin-bottom: .15rem;
	}

	.league {
		padding-top: .6rem;
		padding-bottom: .5rem;
	}

	.league-a {
		font-size: .28rem;
		line-height: .4rem;
	}

	.league-b {
		font-size: .42rem;
		line-height: .6rem;
	}

	.league-c {
		margin-top: .3rem;
	}

	.league-d {
		margin-top: .6rem;
	}

	.league-hh {
		font-size: .32rem;
		line-height: .5rem;
		margin-bottom: .1rem;
	}

	.league-txt {
		font-size: .26rem;
		line-height: .5rem;
		margin-bottom: .4rem;
	}


	.cooperation-bj {
		height: auto;
		padding-bottom: .8rem;
	}

	.cooperation {
		padding-top: .75rem;
	}

	.cooperation-a {
		font-size: .42rem;
		line-height: .6rem;
	}

	.cooperation-b {
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .3rem;
	}

	.cooperation-c {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.cooperation-c1 {
		font-size: .28rem;
		height: 1rem;
		line-height: 1rem;
	}

	.cooperation-d {
		width: 5rem;
		height: .8rem;
		line-height: .8rem;
		font-size: .26rem;
		margin-top: .5rem;
	}

	.cooperation-d a {
		font-size: .26rem;
	}
}



.brand-banner {
	height: 899px;
}

.brand-banner .swiper-slide {
	height: 899px;
}

@media (max-width: 767px) {
	.brand-banner {
		height: 7rem;
	}

	.brand-banner .swiper-slide {
		height: 7rem;
		background-size: cover;
	}
}




.productlast .product-b-ul {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.productlast .product-b-ul {
		margin-top: .4rem;
	}
}


/*庄闲和游戏图片单独处理*/
.ipro-img1 {
	width: 1092px;
	position: relative;
	top: 110px;
	left: 50%;
	margin-left: -528px;
}

.ipro-img1 img {
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-img1-a:hover {
	transform: scale(1.02);
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-img1-b {
	position: absolute;
	top: 0px;
	right: 0px;
}

.ipro-img1-b:hover {
	transform: scale(1.02);
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-img1-c {
	position: absolute;
	top: 70px;
	left: 340px;
}

.ipro-img1-c:hover {
	transform: scale(1.02);
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-img1-d {
	position: absolute;
	top: 150px;
	left: 200px;
}

.ipro-img2 {
	width: 1318px;
	height: 100%;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -659px;
}

.ipro-img2-a {
	position: absolute;
	top: -250px;
	right: -27px;
}

.ipro-img2-b {
	position: absolute;
	bottom: -73px;
	left: -346px;
}

.ipro-img2-c {
	position: absolute;
	bottom: 5px;
	left: 435px;
}

.ipro-img2-d {
	position: absolute;
	top: 476px;
	right: 363px;
}

.ipro-img2-e {
	position: absolute;
	top: 390px;
	right: 723px;
}

.ipro-img2-f {
	position: absolute;
	top: 206px;
	right: 409px;
}

.ipro-img2 img {
	transition: all .3s;
	-webkit-transition: all .3s;
}

.ipro-img2 img:hover {
	transform: scale(1.02);
	transition: all .3s;
	-webkit-transition: all .3s;
}


@media (max-width:1023px) {
	.ipro-img1 {
		display: none;
	}

	.ipro-img2 {
		display: none;
	}
}





/*区分手机和pc的banner*/
.ibanner-m {
	display: none;
}

.sf-ban-m {
	display: none;
}

.ibanner-span-cont-m {
	display: none;
}

@media (max-width:767px) {
	.ibanner {
		display: none;
	}

	.ibanner-m {
		display: block;
	}

	.ibanner-m .swiper-slide {
		height: 30vh;
		background-size: cover;
	}

	.ibanner {
		margin: 0px 0;
	}

	.sf-ban {
		display: none;
	}

	.sf-ban-m {
		display: block;
	}

	.ibanner-span-cont {
		display: none;
	}

	.ibanner-span-cont-m {
		display: block;
	}
}



.ibody {}

.loadding {
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	height: 100vh;
	width: 100vw;
	z-index: 999;
}

.loadding video {
	height: 100vh;
	width: 100vw;
}

.loadding-a {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(/template/default/img/f_ico02.png) no-repeat center;
	background-size: cover;
	display: none;
}

.loadding-b {
	font-size: 19px;
	color: #ffffff;
	position: absolute;
	width: 145px;
	height: 48px;
	line-height: 48px;
	border-radius: 48px;
	background: rgba(0, 0, 0, .6) url(../img/pageback.png) no-repeat 39px center/21px auto;
	z-index: 5;
	right: 30px;
	bottom: 30px;
	padding-left: 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

@media (max-width: 1025px) {
	.ibody {
		display: block;
	}

	.loadding {
		display: none;
	}
}


.isearch-bj {
	background-size: cover;
}

@media (min-width:1920px) {
	.vision {
		height: 900px;
	}

	.design .swiper-slide,
	.high,
	.chain,
	.ivoice-bj,
	.market-bj,
	.recruit-a {
		background-size: cover;
	}
}

.wfull-video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}

.full-video {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
	height: 100%;
	-webkit-transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
	transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
}

.full-video video {
	/* position: absolute; */
	/* top: 50%;
	left: 50%; */
	min-width: 100%;
	/* min-height: 100%; */
	width: auto;
	height: auto;
	z-index: 0;
	/* -webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%); */
}


.wfull-video1 {
	position: relative;
	width: 100%;
	/* height: 100vh; */
	z-index: 2;
	overflow: hidden;
}

.brand-video {
	width: 100%;
	height: calc(100vw * 0.4);
	position: relative;
	overflow: hidden;
	/* margin-top: 100px; */
}

.full-video video {
	object-fit: cover;
	width: 100%; height: 100%;
}

.brand-video-a {
	height: 100%;
}



header .logo {
	padding-top: 48px;
}

@media (max-width: 767px) {
	header .logo {
		width: 1.56rem;
		padding-top: .48rem;
	}

	.brand-video {
		/* height: 35vh; */
	}
}

@media (max-width: 425px) {
	header .logo {
		width: 1.56rem;
		padding-top: .48rem;
	}
}




input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #787878;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #787878;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #787878;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #787878;
}

.recruit-b1-b a,
.recruit-b1-a,
.recruit-b4-a,
.recruit-b4-b1,
.recruit-b4-b2 .rbb-div div,
.recruit-b4-b2 .rbb-txt,
.recruit-b4-b2 .rbb-a,
.page a,
.contact-d1-a,
.contact-d2,
.contact-b,
.gift-b,
.gift-d,
.cooperation-d,
.gift-e,
.gift-g,
.gift-i,
.gift-k,
.gift-l1,
.league-b,
.league-txt,
.league-hh,
.cooperation-d a,
.newsinfo-a,
.newsinfo-b,
.news-b3-a,
.news-b3-b,
.news-b3-d,
.high-b,
.high-c1-b,
.high-c1-e,
.brand-c1-a,
.brand-c1-b,
.brand-c1-c,
.brand-c1-d,
.proinfo-b1,
.proinfo-b2,
.proinfo-b3,
.product-a1,
.product-a2-c1,
.product-b2-b,
.isearch-a,
.iabout-b2,
.iabout-b3,
.iabout-b4,
.iabout-b2,
.ipro-a1-b,
.footer-b,
header.cli .nav-ul li .nav-a1,
header.cli .header-rt .int1,
.nav-ul-div1 a,
.news-a {
	color: #000000;
}

.proinfo-b2 span {
	color: #595959 !important;
}

.footer-b1 a {
	color: #787878;
}

.brand-c1-d {
	font-weight: normal;
}

header.cli .nav-ul li .nav-a1:after {
	background: #787878;
}

header.cli .header-rt {
// border-bottom: 2px solid #787878;
}

.product-a2-c li.on .product-a2-c1 {
	border-bottom: 2px solid #787878;
}

.cooperation-d a {
	border-bottom: 1px solid #787878;
}