.site_cont{
	margin-bottom: 0;
	padding-left: 5%;
}
.site_cont h1{text-transform:inherit;
}
@media only screen and (max-width: 1024px) {
	.site_cont h1{
		margin-top: 40px;
	}
}
@media only screen and (max-width: 768px) {
	.site_cont h1{
		margin-top: 20px;
	}
}
.site_cont h1 em{
	margin-top: 15px;
}
.site_text{line-height: 1.2em;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: bold;text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
	.site_text{
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.site_text{
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
.site_text1{
	font-weight: bold;
	margin-bottom: 20px;
}
.site_text2{
	color: #666666;
}
.site_banner{
	position: relative;
}
@media only screen and (max-width: 600px) {
	.site_banner img{
		height: 143px;
	}
}
.site_banner .wrap{
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
	.site_banner .wrap{
		top: 50%;
		transform: translate(-50%,-50%);
	}
}
.site_banner-text{
	width: 50%;
	text-align: center;
	background: rgba(0,0,0,0.6);
	color: #FFFFFF;
	padding-top: 35px;
	padding-bottom: 30px;    font-weight: bold; display:none;
}
@media only screen and (max-width: 1024px) {
	.site_banner-text{
		padding-top: 25px;
		padding-bottom: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.site_banner-text{
		padding-top: 15px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.site_banner-text{
		width: 100%;
	}
}
.fnt_46{font-size: 46px;}
@media only screen and (max-width: 1280px) {
	.fnt_46{font-size: 30px;}
}
@media only screen and (max-width: 1024px) {
	.fnt_46{font-size: 24px;}
}
@media only screen and (max-width: 767px) {
	.fnt_46{font-size: 16px;}
}




/*.gratis{
	margin-top: 80px;
	position: relative;
}
.gratis-i{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
.gratis-o{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 656px;
	height: 452px;
	background: rgba(255,255,255,0.8);
	padding-top: 55px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
}
.gratis-o-t{
	overflow: hidden;
	margin-left: -9px;
	margin-top: -10px;
	margin-right: -9px;
}
.gratis-o-t-im{
	float: left;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.gratis-o-t-im input{
	width: 88%;
	font-size: 14px;
	margin-right: 9px;
	margin-left: 9px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}*/
.gratis-i{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	margin-top: 80px;
}
@media only screen and (max-width: 1024px) {
	.gratis-i{
		margin-top: 50px;
	}
}
@media only screen and (max-width: 768px) {
	.gratis-i{
		margin-top: 20px;
	}
}
.gratis-o{
	padding: 100px 0;
}
@media only screen and (max-width: 1024px) {
	.gratis-o{
		padding: 60px 0;
	}
}
@media only screen and (max-width: 768px) {
	.gratis-o{
		padding: 20px 0;
	}
}
.gratis-inner{
	width: 900px;
	background: rgba(255,255,255,0.8);
	margin: 0 auto;
}
@media only screen and (max-width: 700px) {
	.gratis-inner{
		width: 100%;
	}
}
.gratis-o-t{
	padding-top: 55px;
	padding-left: 60px;
	padding-right: 60px;
	/*overflow: hidden;*/
	margin-left: -9px;
	margin-right: -9px;	
}
@media only screen and (max-width: 700px) {
	.gratis-o-t{    box-sizing: border-box;
		padding-top: 25px;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: 0;
		margin-right: 0;overflow: inherit;
		display: table;width: 100%;
	}
}
.gratis-o-t-im{
	float: left;
	width: 46%;
	margin-bottom: 20px;
	padding-left: 11px;
	padding-right: 11px;position: relative;
}
.gratis-o-t-im i{color: red;position: absolute;    top: 9px; right: 16px;}
@media only screen and (max-width: 700px) {
	.gratis-o-t-im{
		width: 100%;
		padding-left: 0;
		padding-right: 0;position: relative;
	}
}
.gratis-o-t-im input{
	width: 100%;
	height: 36px;
	padding:0 15px;    box-sizing: border-box;
	border: none;
}
@media only screen and (max-width: 700px) {
	.gratis-o-t-im input{
		width: 100%;
	}
}
input::-ms-clear, input::-ms-reveal{
	/*clear去掉叉  reveal去掉眼睛;但是只能去掉ie10及以上，ie9及以下去不掉*/
	display: none;  
}
.inputCase{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.inputCase input.imitationSelect{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	display: block;
	text-indent: 20px;
	cursor: default;
}
.inputCase i.fa{
	position: absolute;
	right: 15px;
	top: 0px;
	width: 34px;
	height: 34px;
	font-size: 20px;
	z-index: 9;
}
.fa{
	cursor: pointer;
}
.inputCase i.fa img{
	display: block;
	margin:  0 auto;
	padding-top: 17px;
}
.selectUl{
	display: none;    width: 255px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	
	position: absolute;
	height: 111px;
	overflow: auto;
}
@media only screen and (max-width: 700px) {
	.selectUl{
		width: 100%;    z-index: 9;
	}
}
@media only screen and (max-width: 375px) {
	.selectUl{
		width:100%;
	}
}
.selectUl li{
	width: 100%;
	height: 36px;
	line-height: 36px;
	list-style: none;
	text-indent: 20px;
	border-bottom: 1px solid #ccc;
	background: #FFFFFF;
}
@media only screen and (max-width: 700px) {
	.selectUl li{
		width: 100%;
	}
}
.selectUl li:hover{
	background: #ddd;
}
.selectUl li:last-child{
	border-bottom: 0 none;
}
.selectUl1{
	display: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;

	position: absolute;
	height: 111px;
	overflow: auto;      width: 257px;
}
.inputCase1{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.inputCase1 input.imitationSelect{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	display: block;
	text-indent: 20px;
	cursor: default;
}
.inputCase1 i.fa{
	position: absolute;
	right: 15px;
	top: 0px;
	width: 34px;
	height: 34px;
	font-size: 20px;
	z-index: 9;
}
.inputCase1 i.fa img{
	display: block;
	margin: auto;
	padding-top: 17px;
}
@media only screen and (max-width: 700px) {
	.selectUl1{
		width: 100%;margin-left: 0;
	}
}
@media only screen and (max-width: 375px) {
	.selectUl1{
		width: 78.3%;
	}
}
.selectUl1 li{
	width: 100%;
	height: 36px;
	line-height: 36px;
	list-style: none;
	text-indent: 20px;
	border-bottom: 1px solid #ccc;
	background: #FFFFFF;
}
@media only screen and (max-width: 700px) {
	.selectUl1 li{
		width: 100%;
	}
}
.selectUl1 li:hover{
	background: #ddd;
}
.selectUl1 li:last-child{
	border-bottom: 0 none;
}
.TextArea{
	overflow: hidden;
	padding-left: 60px;
	padding-right: 60px;
}
@media only screen and (max-width: 700px) {
	.TextArea{
		padding-left: 30px;
		padding-right: 30px;
	}
}
.TextArea textarea{
	width: 100%;
	height: 100px;
	font-size: 14px;
	margin-bottom: 20px;
	border: none;padding: 10px 15px;  box-sizing: border-box;
}
.gratis-o-b{
	padding-left: 60px;
	padding-bottom: 55px;
}
@media only screen and (max-width: 700px) {
	.gratis-o-b{
		padding-left: 0;
		padding-bottom: 25px;
		text-align: center;
	}
}
.gratis-o-b input{
	font-size: 14px;
padding: 10px 60px;
color: #BD2323;
border: none;
opacity: 0;
}
.video{
	margin-top: 50px;
	margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
	.video{
		margin-top: 35px;
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 768px) {
	.video{
		margin-top: 15px;
		margin-bottom: 25px;
	}
}
.video .wrap{
	position: relative;
}
.video-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 2;
}
.video-close{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 4;
}
.video-close img{
	width: 75%;
}
@media only screen and (max-width: 1024px) {
	.video-close img{
		width: 45%;
	}
}
.videp-o{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.video-i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}

@media only screen and (max-width: 1024px) {
	.video-i img{
		width: 75%;
	}
}
@media only screen and (max-width: 768px) {
	.video-i img{
		width: 50%;
	}
}


.designindex .gratis-i{margin: 0;}
@media only screen and (max-width: 767px) {
.designindex .site_banner{margin-bottom:20px;}
}






.program_01{position: relative; margin:50px auto;margin-bottom: 100px;}
.game_con_b{cursor: pointer;}
.program_01>img{width: 100%;background: #000;}
.game_con_bs em{display: block;width: 100%; position: relative;}
.game_con_bs em img{width: 100%;}
.game_con_bs em video{width: 100%;position: absolute;height: 100%; top:0;left: 0; display: none; background: #000;}
.game_con_b_co{width: 99px;height: 99px;background: url(../images/video_btn.png) center no-repeat;background-size: 100%; cursor: pointer;margin: auto;}
.phone_btn{display: none;}
.game_video_text{position: absolute;top:50%; margin-top: -50px; left: 0; width: 100%;z-index: 9;}
.video_bg{position: absolute; top:0;left: 0;width: 100%; height: 100%; background:rgba(0,0,0,0.5);}

.game_con_bs.on .game_video_text,.game_con_bs.on .video_bg{display: none;}
.game_con_bs.on em video{display: block;}

.game_video_text h2{font-weight: bold; font-weight: "微软雅黑";}


.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;}


@media only screen and (max-width:1440px) {
.game_con_b_co{margin-top: 5%;}
.group_tit .line{height: 150px;}
}
@media only screen and (max-width:1279px) {
.game_con_b_co{width: 50px; height: 50px;}
}

@media only screen and (max-width:1024px) {
.program_park01{margin-bottom: 50px;}
.program_02{padding-top: 50px;}
.previoud_con dl{width: 50%;}
.seper_con dl{width: 50%;}
.previoud_con .video_btn{display: block;width: 36px; height: 36px;margin-top: -18px;}
.program_01{margin-bottom: 40px;}
}
@media only screen and (max-width:767px) {
.site_cont{padding: 0;padding-bottom: 20px;}
.group_tit .line{height: 80px;}
.game_video_text h2{font-size: 20px;}
.game_video_text h3{font-size: 18px;}
.game_con_bs em img{display: none;}
.group_tit .line{height: 50px;}
.game_video_text{position: relative;z-index: 9;padding:100px 0;}
.game_con_b_co{width: 50px; height: 50px;}
.program_title{margin-bottom: 20px;}
.program_02 .swiper-container{padding-top: 20px;}
.game_con_b_co{display: none;}
.phone_btn{display: block;    text-align: center;}
}


.gratis-o-t-im input.Wdate{background:#fff;}