@font-face {
 font-family: 'Eras Bold ITC';
 src: url('font/ERASBD.TTF') format("truetype");
 font-display: swap;
}
@font-face {
 font-family: 'Eras Demi ITC';
 src: url('font/ERASDEMI.TTF') format("truetype");
 font-display: swap;
}
@font-face {
 font-family: 'Eras Light ITC';
 src: url('font/ERASLGHT.TTF') format("truetype");
 font-display: swap;
}
@font-face {
 font-family: 'Eras Medium ITC';
 src: url('font/ERASMD.TTF') format("truetype");
 font-display: swap;
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html {
	font-size:100px;
	-webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 1920px) {
 html {
 font-size: 100px;
 font-size: 5.20833333vw;
}
}
::-webkit-scrollbar {
    display: none;
    width: 0;
}

:root{
	--rootFontSize:.3072rem;
	--navHeight:1.55rem;
}

body,
html {
	-webkit-overflow-scrolling: touch;
	margin:0;
	padding: 0;
	overflow-x: hidden;
}
* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	outline: none;
	user-select: none;
}
a {
	text-decoration: none;
	color: #fff;
}

em,
i {
	font-style: normal;
}

ol,
ul,
li,
p {
	margin: 0;
	padding: 0;
	list-style: none;
}

img{
	width:auto;
	max-width:100%;
	height:auto;
}

textarea,input {
	resize: none;
	font-size:inherit;
}

.button,
.btn{
	cursor:pointer;
}

body{
	color: #fff;
	background-color: #4f3282;
	display: flex;
	flex-direction: column;
	font-size: var(--rootFontSize);
	font-family:"Montserrat","Microsoft YaHei", Arial;
}
.app {
  flex: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  position:relative;
  width: 100%;
}

.content{
	box-sizing:border-box;
	width:100%;
	max-width: 1920px;
  	margin: auto;
}

.header{
	--FontSize:.3rem;
}


.header .content{
	height:var(--navHeight);
	height:1.38rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0 0.21rem 0 1.36rem;
}

.header .logo img{
	height:0.9rem;
	min-height:0.75rem;
}
.header .menu{ display:flex;font-family:"Eras Bold ITC"; font-size:0.3rem;}
.header .menu ul{ height:1.38rem; display:flex;align-items: center;}
.header .menu ul li a{
	text-transform: uppercase; padding-left:0.25rem; padding-right:0.25rem; height:1.38rem;display:flex;align-items: center;
}
.header .menu .lang {display:flex;align-items: center; margin-left:0.35rem;}
.header .menu .lang .iconfont{}
.header .menu .map{ width:0.5rem; height:0.5rem; align-items: center;
	justify-content: center;display:flex; border:0.06rem #8474bd solid;border-radius:50%; margin-right:0.14rem;}
.header .menu .map img{ width:0.32rem; height:0.32rem;}
.header .menu .t_right a .iconfont{ color:#7a72af; margin-left:0.12rem; font-size:0.18rem;}
.header .menu ul li.active{ background:#330066; color:#ffc501;}
.header .menu ul li.active a{color:#ffc501;}
/*移动端导航*/
.globalnav {
	background:#4f3282;
	position: absolute;
	right:0;
	left:0;
	top:0;
	z-index:9999;
	display:block;
	margin:0;
	width:100%;
	min-width:320px;
height:1.38rem;

	overflow:hidden;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	-webkit-user-select:none;
	user-select:none;
	-webkit-transition:background 0.35s linear, height 0.35s ease-in;
	transition:background 0.35s linear, height 0.35s ease-in;
}
.globalnav.scrolling {
	background:#4f3282;
	-webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter:saturate(180%) blur(20px);
}
.globalnav .head {
	position: relative;
	width:100%;
	left:0;
	top:0;
height:1.38rem; display:flex; text-align:left;
}
.globalnav .head .logo1 {
	display:block;
	position:absolute;
	width:4.16rem;
	height:0.9rem;
	left:1.36rem; text-align:left;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
transition:all .5s;
-webkit-transition:all .5s;
}
.globalnav .head .logo1 img {
	width:100%;
	height:100%;
	object-fit:contain;
}
.globalnav .head .btn_menu {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-24px; z-index:999999;
	width:48px;
	height:48px;
	-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	touch-action:none;
}
.globalnav .head .btn_menu .li-b {
	position:absolute;
	height:100%;
	width:100%;
	transition:transform 0.25s, -webkit-transform 0.25s;
	-webkit-transition:transform 0.25s, -webkit-transform 0.25s;
}
.globalnav .head .btn_menu .li-b-h {
	z-index:4;
}
.globalnav .head .btn_menu .li-b-f {
	z-index:3;
}
.globalnav .head .btn_menu .li-b .li {
	position:absolute;
	height:1px;
	width:17px;
	background:#fff;
	left:16px;
	z-index:1;
	-webkit-transition:-webkit-transform 0.5s;
	transition:-webkit-transform 0.5s;
	transition:transform 0.5s;
	transition:transform 0.2s, -webkit-transform 0.5s;
}
.globalnav .head .btn_menu .li-b-h .li {
	top:23px;
	transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
}
.globalnav .head .btn_menu .li-b-f .li {
	bottom:23px;
	transform:translateY(3px);
	-webkit-transform:translateY(3px);
}
.globalnav .downmenu ul {
	color:#f3f0eb;
	position:absolute;
	z-index:2;
	top:1.2rem;
	right:0;
	bottom:0;
	left:0;
	margin:0;
	width:auto;
	min-width:320px;
	padding:0 1.3rem;
	height:auto;
	box-sizing:border-box;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	visibility:hidden;
	-webkit-transition:visibility 0s linear 1s;
	transition:visibility 0s linear 1s;
	text-align:justify;
	-ms-text-justify:distribute-all-lines;
	text-justify:distribute-all-lines;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.globalnav .downmenu ul li {
	height:43px;
	line-height:43px;
	color:#f3f0eb;
	border-bottom:1px solid rgba(255, 255, 255, .1);
	opacity:0;
	pointer-events:none;
	-webkit-transform:scale(1.1) translateY(-24px);
	-ms-transform:scale(1.1) translateY(-24px);
	transform:scale(1.1) translateY(-24px);
	-webkit-transition:opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.globalnav .downmenu ul li a {
	display:block;text-transform: uppercase;
}
.globalnav .downmenu ul li:nth-child(1) {
margin-top:20px;
-webkit-transition-delay:350ms, 350ms;
transition-delay:350ms, 350ms;
}
.globalnav .downmenu ul li:nth-child(2) {
-webkit-transition-delay:300ms, 300ms;
transition-delay:300ms, 300ms;
}
.globalnav .downmenu ul li:nth-child(3) {
-webkit-transition-delay:250ms, 250ms;
transition-delay:250ms, 250ms;
}
.globalnav .downmenu ul li:nth-child(4) {
-webkit-transition-delay:200ms, 200ms;
transition-delay:200ms, 200ms;
}
.globalnav .downmenu ul li:nth-child(5) {
-webkit-transition-delay:150ms, 150ms;
transition-delay:150ms, 150ms;
}
.globalnav .downmenu ul li:nth-child(6) {
-webkit-transition-delay:100ms, 100ms;
transition-delay:100ms, 100ms;
}
.globalnav .downmenu ul li:nth-child(7) {
-webkit-transition-delay:50ms, 50ms;
transition-delay:50ms, 50ms;
}
.globalnav .downmenu ul li a {
	color:#f3f0eb;
	font-family:"Eras Bold ITC"; font-size:0.72rem;
}
.active .globalnav, .active .globalnav.scrolling {
	background:#4f3282;
	height:100%;
	-webkit-transition:background 0.35s linear, height 0.35s ease-in 200ms;
	transition:background 0.35s linear, height 0.35s ease-in 200ms;
}
.active .globalnav .head .logo1 {
	
}
.active .globalnav .head .btn_menu {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.active .globalnav .head .btn_menu .li-b-h {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.active .globalnav .head .btn_menu .li-b-f {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .globalnav .head .btn_menu .li-b .li {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.active .globalnav .downmenu ul {
	visibility:visible;
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.active .globalnav .downmenu ul li {
	opacity:1;
	pointer-events:auto;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}
.active .globalnav .downmenu ul li:nth-child(1) {
-webkit-transition-delay:300ms, 300ms;
transition-delay:300ms, 300ms;
}
.active .globalnav .downmenu ul li:nth-child(2) {
-webkit-transition-delay:350ms, 350ms;
transition-delay:350ms, 350ms;
}
.active .globalnav .downmenu ul li:nth-child(3) {
-webkit-transition-delay:400ms, 400ms;
transition-delay:400ms, 400ms;
}
.active .globalnav .downmenu ul li:nth-child(4) {
-webkit-transition-delay:450ms, 450ms;
transition-delay:450ms, 450ms;
}
.active .globalnav .downmenu ul li:nth-child(5) {
-webkit-transition-delay:500ms, 500ms;
transition-delay:500ms, 500ms;
}
.active .globalnav .downmenu ul li:nth-child(6) {
-webkit-transition-delay:550ms, 550ms;
transition-delay:550ms, 550ms;
}
.active .globalnav .downmenu ul li:nth-child(7) {
-webkit-transition-delay:600ms, 600ms;
transition-delay:600ms, 600ms;
}
.globalnav .lang {display:flex;align-items: center; position:absolute; right:13%; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-family:"Eras Bold ITC"; font-size:0.3rem;}
.globalnav .lang .iconfont{}
.globalnav .map{ width:0.5rem; height:0.5rem; align-items: center;
	justify-content: center;display:flex; border:0.06rem #8474bd solid;border-radius:50%; margin-right:0.14rem;}
.globalnav .map img{ width:0.32rem; height:0.32rem;}
.globalnav .t_right a .iconfont{ color:#7a72af; margin-left:0.12rem; font-size:0.18rem;}

/*在线客服*/
.section-1{ display:flex; color:#d4befb; font-size:0.16rem;align-items: center; background:#330066; line-height:0.15rem; padding:0.20rem 0;
	justify-content: center;flex-wrap: wrap;}
.section-1 .e_mail{display:flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.section-1 .e_mail .iconfont{ font-size:0.24rem; color:#fbdb2e; margin-left:0.1rem; margin-right:0.15rem;}
.section-1 .e_mail a{ font-size:0.18rem; text-decoration:underline;}
.section-1 .tool{font-size:0.18rem; display:flex;align-items: center; margin-left:2.83rem;}
.section-1 .tool .iconfont{ width:0.4rem; height:0.4rem; border-radius:50%; border:0.02rem #fdc503 solid;display:flex;align-items: center;
	justify-content: center; color:#ffc501; font-size:0.22rem;cursor:pointer; margin-left:0.15rem;}
	
/*banner*/
.section-2{
	background-image:url(../images/website_02.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:8.84rem; display:flex;align-items: center;justify-content:center;
}

.section-2 .slots{ width:12.40rem; height:7.24rem;background-image:url(../images/spng_03.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;position:relative;}
.section-2 .slots .text{ position:absolute; top:1.13rem; left:0.49rem; z-index:20; }
.section-2 .slots .text img{width:7.11rem; height:3.82rem;}
.section-2 .slots .cloud{ position:absolute; bottom:0.50rem; right:-2.86rem; z-index:10;}
.section-2 .slots .cloud img{ width:11.05rem; height:3.39rem;}
.section-2 .slots .btns{ position:absolute; left:0.68rem; bottom:1rem; display:flex; z-index:30;}
.section-2 .slots .btns .bn1{ width:4.15rem; height:0.96rem; margin-right:0.32rem;}
.section-2 .slots .btns .bn2{ width:4.38rem; height:0.96rem;}
.section-2 .triangle{ position:absolute; right:0rem; width:2.33rem; height:4.67rem;background-image:url(../images/spng_18.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover; bottom:-2.36rem; z-index:30; }
	
/*play*/
.y_bg{ background:#ffc501;}
.section-3{ padding-top:0.65rem; padding-bottom:0.85rem; position:relative;}
.section-3:before {
	width: 4.11rem;
	height: 5.38rem;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image:url(../images/spng_24.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
}
.section-3 .content{ padding-left:2.40rem;padding-right:2.40rem;}
.y_bg .content .title{ font-size:0.72rem;font-family:"Eras Bold ITC"; color:#38154b; text-align:center; margin-bottom:0.35rem;}
.y_bg .content .intro{ color:#333366; font-size:0.24rem; line-height:0.36rem; margin-bottom:0.42rem;}
.y_bg .content .intro .red{ color:#cc0000;}
.section-3 .i_show ul{ display:flex;flex-wrap: wrap;align-items: stretch; padding-left:0.13rem;}
.section-3 .i_show ul li{ width:2.76rem; height:2.76rem; position:relative; border-radius:0.1rem; overflow:hidden; margin-left:0.55rem; margin-bottom:0.62rem;}
.section-3 .i_show ul li img{ position: absolute; width:100%; height:100%; left:0px; top:0px;}
.section-3 .more{ text-align:center; margin-top:0.1rem;}
.section-3 .more img{ width:4.38rem; height:0.96rem;}

.section-4{ position:relative; width:100%; height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;}
.section-4 img{ width:100%; height:auto; display:block;}
.section-4:before {
	width: 2.33rem;
	height: 4.67rem;
	position: absolute;
	left: 0rem;
	top: -2.30rem;
	background-image:url(../images/spng_21.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
	z-index:20;
}
.section-4:after {
	width: 2.33rem;
	height: 4.67rem;
	position: absolute;
	right: 0rem;
	bottom:-2.36rem; 
	background-image:url(../images/spng_18.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
	z-index:20;
}

/*weput*/
.section-5{ padding-top:0.84rem; padding-bottom:0.2rem;}
.section-5 .content{ padding-left:1.11rem; padding-right:1.11rem;}
.section-5 .pic{ text-align:center;}
.section-5 .pic img{ width:16.75rem; height:9.78rem;}
.section-5 .content .intro{ margin-bottom:0.96rem;}
/*foot*/
.footer{ padding-top:0.8rem; padding-bottom:0.2rem; color:#b9b6f8; font-size:0.24rem;}
.footer a{font-size:0.24rem;color:#b9b6f8;}
.footer .copyright{ text-align:center;}
.footer .content{ display:flex; padding-left:1.62rem; margin-bottom:0.43rem;}
.footer .db_logo{ margin-right:0.51rem;}
.footer .db_logo img{ width:1.99rem; height:2.46rem;} 
.footer .tpright{ text-align:center; padding-top:0.43rem;}
.footer .tpright .db_menu{ margin-bottom:1rem;}
.footer .tpright .db_menu a{ margin-left:0.12rem; margin-right:0.12rem;}
.footer .tpright .db_menu a:hover{ text-decoration:underline;}

.footer .tpright .e_mail{display:flex;align-items: center;justify-content: center;flex-wrap: wrap; margin-right:0.55rem; font-size:0.16rem;}
.footer .tpright .kefu{display:flex;align-items: center;justify-content: center;flex-wrap: wrap; }
.footer .tpright .e_mail .iconfont{ font-size:0.24rem; color:#fbdb2e; margin-left:0.1rem; margin-right:0.12rem;}
.footer .tpright .e_mail a{ font-size:0.18rem; text-decoration:underline; color:#fff;}
.footer .tpright .tool{font-size:0.18rem; display:flex;align-items: center;}
.footer .tpright .tool .iconfont{ width:0.4rem; height:0.4rem; border-radius:50%; border:0.02rem #fdc503 solid;display:flex;align-items: center;
	justify-content: center; color:#ffc501; font-size:0.22rem;cursor:pointer; margin-left:0.15rem;}
	
/*associates*/
.ass_center{ background:#390072; padding-top:0.9rem; padding-bottom:1.55rem;}
.ass_center .content{ padding-left:2.06rem;padding-right:2.06rem;}
.ass_center .c_title{ text-align:center; font-size:0.72rem;font-family:"Eras Bold ITC"; text-transform: uppercase; margin-bottom:0.30rem;}
.ass_center .c_sml{ text-align:center; font-size:0.53rem;font-family:"Eras Light ITC"; text-transform: uppercase; margin-bottom:0.68rem;}
.ass_center .s_title{display: flex;
    align-items: center; color:#9966cc; font-size:0.36rem;font-family:"Eras Bold ITC"; margin-bottom:0.35rem;}
.ass_center .s_title img{ width:0.72rem; height:0.89rem; margin-right:0.36rem;}
.ass_center .works{ margin-bottom:0.59rem;}
.ass_center .works ul{display: flex;
    align-items: center; padding-left:0.15rem;}
.ass_center .works ul li{ width:4.45rem; height:6.13rem; background:#220044; text-align:center;font-family:"Eras Bold ITC";}
.ass_center .works ul li.no2{ width:0.63rem; background:#390072; text-align:center;display: flex;
    align-items: center;justify-content: center;}
.ass_center .works ul li.no2 img{width:0.49rem; height:0.99rem;}
.ass_center .works ul li .b_title{ display:block;text-transform: uppercase; height:1.06rem; margin-bottom:0.68rem; line-height:1.06rem; font-size:0.63rem; margin-top:1.61rem;}
.ass_center .works ul li p{ display:block; font-size:0.36rem;}
.ass_center .works ul li:nth-child(1) .b_title{ font-size:1.06rem;}
.ass_center .works ul li:nth-child(2) .b_title{ font-size:0.81rem;}
.ass_center .c_app{ text-align:center; font-size:0.54rem;font-family:"Eras Light ITC";  margin-bottom:0.63rem;}
.a_book{font-family:"Eras Bold ITC"; font-size:0.36rem; color:#9966cc; width:13.45rem; margin-left:1.03rem;}
.a_book .b_ful{ height:0.63rem; line-height:normal; border-radius:0.07rem; border:0.04rem #ffc501 solid;box-sizing:border-box;-webkit-box-sizing:border-box; padding-left:0.15rem; width:100%;}
.a_book .t_bt{ margin-bottom:0.25rem; display:block;}
.a_book ul li{ margin-bottom:0.42rem;}
.a_book ul li.no1{ display:flex;justify-content: space-between;}
.a_book ul li.no1 .f_one{ width:4.42rem;}
.a_book ul li.no1 .f_two{ width:3.64rem;}
.a_book .text_one{ border-radius:0.07rem; border:0.04rem #ffc501 solid;box-sizing:border-box;-webkit-box-sizing:border-box; padding:0.15rem; width:100%;font-family:"Montserrat","Microsoft YaHei", Arial;}
.a_book ul li .here{ width:9.52rem; display:flex;align-items: center;}
.a_book ul li .here .b_ful{flex:1; overflow:hidden;}
.a_book ul li .here .iconfont{ width:0.59rem; height:0.59rem; border-radius:50%; border:0.02rem #ffc501 solid; margin-left:0.3rem;display:flex;align-items: center;justify-content: center; color:#bf8526; font-size:0.4rem;cursor:pointer;}
.a_book ul li.no3{ margin-bottom:0.85rem;}
.a_book ul li.no4{display:flex;align-items: center;justify-content: center; margin-bottom:0.3rem;}
.a_book ul li.no4 input{ width:3.65rem; height:0.89rem; line-height:normal; text-align:center;font-family:"Eras Bold ITC"; font-size:0.36rem; color:#ffc501; border-radius:0.42rem; border:0.03rem #ffc501 solid; background:none;box-sizing:border-box;-webkit-box-sizing:border-box; margin-left:0.28rem; margin-right:0.28rem;cursor:pointer;}
.a_book ul li.no4 input:hover,.a_book ul li.no4 input.active{ background:#ffc501; color:#7e02fb;}

/*公司简介*/
.about_center{ background:#390072 url(../images/companybg_03.jpg) center center no-repeat; background-size:10.07rem 12.29rem; padding-top:1.1rem; padding-bottom:1.55rem;font-family:"Eras Medium ITC";}
.about_center .content{ padding-left:2.25rem;padding-right:2.25rem;}
.about_center.simp .content{ padding-left:1.1rem;padding-right:1.1rem;}
.about_center .c_title{ text-align:center; font-size:0.72rem;font-family:"Eras Bold ITC"; text-transform: uppercase; margin-bottom:0.79rem;}
.about_center.simp .c_title{ margin-bottom:1rem;}
.about_center.simp .c_title.nom{text-transform:none;}
.about_center .c_sml{ font-size:0.72rem;font-family:"Eras Bold ITC"; text-transform: uppercase; margin-bottom:0.35rem;}
.about_center .c_sml.nom{text-transform: none; font-size:0.52rem; margin-bottom:1.52rem;}
.about_center .a_js{ font-size:0.65rem; color:#ffc501;font-family:"Eras Medium ITC";text-transform: uppercase; margin-bottom:0.95rem;}
.about_center .company{ color:#ffc501; font-size:0.36rem; margin-top:0.96rem;}
.about_center .company ul li{ width:100%; display:flex;align-items: center; margin-bottom:0.49rem;}
.about_center .company ul li .pic{ width:2.87rem; margin-right:0.74rem; text-align:center; color:#9966cc;font-family:"Eras Bold ITC"; }
.about_center .company ul li .pic img{ width:2.13rem; margin:0px auto 0.10rem;}
.about_center .company ul li .intro{ flex:1; overflow:hidden;}
.about_center .c_sml.nom{ width:13.40rem; margin:0px auto 1.52rem;}
.about_center .a_book{ margin:0px auto; width:13.40rem;}

/*游戏中心*/
.game_center{ background:#220044;}
.game_center ul li{ padding-top:0.65rem; padding-bottom:0.65rem; position:relative; width:100%;}

.game_center ul li .cont{ margin-left:4.46rem; background:#330066; padding:0.38rem 0rem; position:relative;display: flex;
    justify-content: center; flex-wrap: wrap;}
.game_center ul li .cont .photo{ position:absolute; left:-2.22rem; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); width:4.44rem; height:4.44rem;}
.game_center ul li .cont .photo img{ width:100%; height:100%;}
.game_center ul li .cont .title{ font-size:0.72rem; text-align:center;font-family:"Eras Bold ITC"; text-transform: uppercase; margin-bottom:0.40rem; width:100%;}
.game_center .i_show{ width:9.67rem; margin:0px auto;}
.game_center .i_show ul{ display:flex;flex-wrap: wrap;align-items: stretch; padding-left:0.13rem;}
.game_center .i_show ul li{ width:1.98rem; height:1.98rem; position:relative; border-radius:0.1rem; overflow:hidden; margin-left:0.19rem; margin-right:0.19rem; margin-bottom:0.45rem;}
.game_center .i_show ul li img{ position: absolute; width:100%; height:100%; left:0rem; top:0rem;}
.game_center .more{ text-align:center; display:flex;align-items: center;
    justify-content: center; width:100%;}
.game_center .more img{ height:0.76rem; min-height:27px; margin-left:0.09rem; margin-right:0.09rem;}
.game_center ul li:nth-child(2n){ background:#330066;}
.game_center ul li:nth-child(2n) .cont{ background:#430185;}

.game_center .gin_show{}
.game_center .gin_show ul{ display:flex;align-items: stretch; padding-left:0.13rem;}
.game_center .gin_show ul li{ width:2.08rem; height:4.37rem; position:relative;  margin-right:0.15rem;margin-bottom:0.45rem;}
.game_center .gin_show ul li img{ position: absolute; width:100%; height:100%; left:0rem; top:0rem;}

.game_center .image_container{
	position: relative;
 	display: flex;
 	align-items: center;
}

.game_center .image_container img{
  display: block;
  width: 100%;
  height: auto;
}

.game_center .image_container .overlay-text {
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background-color: #000000; 
  color: #fff; 
  padding: 20px 20px; 
  font-size: 20px; 
  text-align: center;
}

.game_center ul li .texas{width:7.74rem; height:4.36rem; margin-bottom:0.45rem;}
.game_center ul li .texas img{ width:100%; height:100%;}

.game_center .spades{ }
.game_center .spades ul{ display:flex;align-items: stretch; }
.game_center .spades ul li{ width:2.77rem; height:4.02rem; position:relative;  margin-right:0.16rem;margin-bottom:0.45rem;}
.game_center .gin_show ul li:after,.game_center .i_show ul li:after,.spades ul li:nth-child(2n):after,.game_center .spades ul li:after { display:none;}
.game_center .spades ul li img{ position: absolute; width:100%; height:100%; left:0rem; top:0rem;}

.game_center ul li:after {width: 2.32rem;
	height: 4.67rem;
	position: absolute;
	right: 0rem;
	bottom: -2.34rem;
	background-image:url(../images/gamepng_211.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
	z-index:20;}
.game_center ul li:nth-child(2n):after {
	width: 2.32rem;
	height: 4.67rem;
	position: absolute;
	left: 0rem;
	bottom: -2.34rem;
	background-image:url(../images/gamepng_21.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
	z-index:20;
}
.game_center ul li:last-child:after{ display:none;}
@media (max-width:1920px){
	.game_center .gin_show {
    margin-left: 2rem;
}
.game_center .spades{margin-left: 2.5rem;}
}

@media (max-width:1200px){
	  .game_center ul li .cont{ display:block;}
	  .game_center .i_show {    margin-left: 3rem;
}
.game_center .gin_show {
    margin-left: 3.28rem;
}
.game_center ul li .texas{    margin-left: 3.47rem;}
.game_center .spades {
    margin-left: 2.6rem;
}
}
@media (max-width:800px){
	.header .menu ul{ display:none;}
	.section-1 .tool{ margin-left:0.55rem;}
	.section-1{ line-height:0.5rem;}
	.globalnav.scrolling {
background:rgba(18, 39, 68, .8);
-webkit-backdrop-filter:saturate(180%) blur(20px);
backdrop-filter:saturate(180%) blur(20px);
}
.globalnav {
transform:translateY(0);
-webkit-transform:translateY(0);
}
.game_center ul li .cont{ margin-left:3.26rem;}
}
@media (max-width:680px){
	body{
		font-size:.72rem;	
	}
	.header .content{    min-height: 2rem;}
	.header .logo img{ height: 1.2rem;}
	.section-1{ font-size:0.60rem;line-height:0.7rem;}
.section-1 .e_mail a,.section-1 .tool{font-size:0.60rem;}
	.section-1 .e_mail .iconfont{ font-size:0.72rem;}
	.section-1 .tool .iconfont{min-width: 0.7rem;
    min-height: 0.7rem; font-size: 0.32rem;}
	.globalnav .head,.globalnav{ height:2rem;}
}
@media (max-width:580px){
	.globalnav .head .logo1{ width: 7rem;
    height: 1.51rem;}
	.section-2{ justify-content: center; min-height:10.68rem;}
	.section-2 .slots{width:16.4rem;height:9.58rem; margin-left:0px;}
	.section-2 .slots .text img{ width:10.11rem; height:5.43rem;}
	.section-2 .slots .text{ top:1.33rem;}
	.section-2 .slots .cloud img{width:14.05rem; height:4.31rem;}
	.section-2 .slots .cloud{ right:-3.56rem;}
	.section-2 .slots .btns .bn1{width: 5.84rem;
    height: 1.35rem;}
	.section-2 .slots .btns .bn2{width: 6.16rem;
    height: 1.35rem;}
	.y_bg .content .title{font-size: 0.92rem;}
	.y_bg .content .intro{ font-size:0.72rem; line-height:1.5; margin-bottom:0.72rem;}
	.section-3 .content{padding-left: 1.4rem;
    padding-right: 1.4rem;}
	.section-3 .i_show ul li{  width: 3.31rem;
    height: 3.31rem;}
	.section-3:before{ display:none;}
	.section-3 .more img{width: 6.16rem;
    height: 1.35rem;}
	.footer .db_logo{ display:none;}
	.footer .content{ padding-left:0px;}
	.footer{ font-size:0.6rem; padding-top:0.6rem; padding-bottom:0.4rem;}
	.footer a{font-size:0.6rem;}
	.footer .tpright .e_mail{ font-size:0.6rem;}
	.footer .tpright .db_menu{ margin-bottom:0.5rem;}
	.footer .tpright .e_mail .iconfont{ font-size:0.72rem;}
	.footer .tpright .tool .iconfont {
    min-width: 0.7rem;
    min-height: 0.7rem;
    font-size: 0.32rem;
}
	.ass_center .content{padding-left: 1.16rem;
    padding-right: 1.16rem;
}
.a_book{ margin-left:0px; width:100%;}
.a_book ul li.no1 .f_one{ width:32%;}
.a_book ul li.no1 .f_two{ width:27%;}
.a_book .b_ful{ height:1.2rem;}
.a_book ul li .here{ width:70%;}
.ass_center .works ul li{ width:5.45rem;}
.ass_center .s_title,.a_book{ font-size:0.72rem;}
.a_book ul li.no4 input{width: 4.65rem; font-size: 0.82rem;height: 1.59rem;
    border-radius: 0.7rem;}
.a_book ul li .here .iconfont{ width:0.89rem; height:0.89rem;font-size: 0.65rem;}
.ass_center .c_title{font-size:0.82rem;}
.ass_center .c_sml,.ass_center .c_app{ font-size:0.72rem;}
.about_center .content {
    padding-left: 1.16rem;
    padding-right: 1.16rem;
}
.about_center.simp .content {
    padding-left: 1.16rem;
    padding-right: 1.16rem;
}
.about_center .c_title,.about_center .c_sml{ font-size:0.82rem; }
.game_center .more img{ }
.globalnav .lang{ font-size:0.72rem;}
.globalnav .map{width: 0.8rem;
    height: 0.8rem;}
	.globalnav .map img {
    width: 0.62rem;
    height: 0.62rem;
}
.footer .tpright .e_mail a {
    font-size: 0.6rem;
}
.footer .tpright .tool{font-size: 0.6rem;}
.footer .tpright .kefu{ line-height:1.8;}
.about_center .company{ font-size:0.72rem;}

.game_center .i_show{ width:auto;}
.game_center .i_show ul li{width: 2.48rem;
    height: 2.48rem;}
.game_center .gin_show{ margin-left:3rem;
}
.game_center .gin_show ul li{width: 2.48rem;
    height: 5.21rem;
}
.game_center ul li .texas{width: 10rem;
    height: 5.63rem;}
.game_center .spades {
    margin-left: 3rem;
}
.game_center .spades ul li {
    width: 3rem;
    height: 4.35rem;}
	.about_center .c_sml.nom{ width:100%; }
.about_center .a_book{ width:100%;}
}
@media (max-width:400px){
	.section-1{ line-height:1rem;}
	.section-1 .e_mail .iconfont{ }
	.section-1 .tool .iconfont{min-width: 0.8rem;
    min-height: 0.8rem; font-size: 0.42rem;}
}