*{
  margin:0;
  padding:0;
}
body{
	 background: #F5F7FA;
	 width:100%;
}
.main{
	width:100%;
	height:auto;
}
.head{
	width:100%;
	height:80px;
	background: #fff;
}
.head .menu{
	width:70%;
	height:80px;
	margin-left:14%;
}
.head .menu .logo{
	width:15%;
	height:80px;
	float:left;
	text-align: center;
	line-height: 80px;
}
.head .menu .logo img{
	margin-top: 10px;
}
.head .menu .nav{
	width:80%;
	height:80px;
	float: left;
	margin-left: 5%;
	text-align: center;
	line-height: 80px;
}
.head .menu .nav ul{
	width:100%;
	height:80px;
	list-style: none;
}

.head .menu .nav ul li{
	width:16%;
	height:80px;
	float:left;
}
.head .menu .nav ul li .menu_kids{
    width:180px;height:120px;background:#FFF;position:absolute;text-align:center;display: none
}
.head .menu .nav ul li .menu_kids ul{
   width: 180px;
   height: 120px;
   list-style: none;
}
.head .menu .nav ul li .menu_kids ul li{
   width:180px;
   height:40px;
   line-height: 40px;
   text-align: center;
}
.head .menu .nav ul li .menu_kids ul li .act{
   color:#165DFF;
   font-weight: bold;
}
.head .menu .nav ul li .active{
    color:#165DFF;
    font-weight: bold;
}
.head .menu .nav ul li a{
    text-decoration: none;
    color:#000;
    cursor: pointer;
}
.head .menu .nav ul li a:hover{
	color:#165DFF;
	font-weight: bold;
}
.banner{
	width: auto;
	height:auto;
	background-size:100%;
	background-position:center;  
}
.banner img{
	width:100%;
	height:auto;
}
.banner .wenzi{
	width: 660px;
	height:370px;
	position: absolute;
	top:220px;
	left:15%;
}
.banner .wenzi #p1{
    font-size:48px;font-weight:bold;color:#333
}
.banner .wenzi #p2{
	font-size:48px;font-weight:bold;color:#333;margin-top:16px
}
.middle_nav{
	width:70%;
	height:200px;
	background: #FFF;
	position: absolute;
	margin:-100px 0px 0px 15%;
	border-radius:8px;
}
.middle_nav ul{
	width:100%;
	height:100px;
	list-style: none;
	margin-top:50px;
	text-align: center;
}
.middle_nav ul li{
	width:20%;
	height:100px;
	float:left;
}
.middle_nav ul li span{
    font-size:28px;color:#333;font-weight:bold
}
.case{
	width:70%;
	height:730px;
	float:left;
	margin:210px 0px 0px 15%;
}
.case .md_title{
	width:100%;
	height:40px;
	text-align: center;
	line-height: 40px;
	color:#333;
	font-size: 32px;
	font-weight: bold;
}
.case .md_cate{
	width:100%;
	height:60px;
	margin-top:50px;
}
.case .md_cate .case_game{
	width:100%;height:auto;float:left;margin:5% 0px 0px 9%
}
.case .md_cate .dz{
	width:100%;height:60px;float:left;text-align:center;float:left;margin:5% 0
}
.case .md_cate ul{
    width:100%;
    height:60px;
    line-height: 60px;
    list-style: none;
}
.case .md_cate ul li{
    width:33%;
    height:60px;
    float:left;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    font-size: 28px;
}
.case .md_cate ul .def{
    border-bottom:4px solid #D9D9D9;
}
.case .md_cate ul .active{
    border-bottom:4px solid #0047EA;
}
.dyy{
	width:100%;
	height:800px;
	float:left;
	margin:210px 0px 0px 0%;
	background: #f0f2f5;
	padding-top:0px;
}
.dyy_content{
	width:86%;
	height:745px;
	float:left;
	margin:10px 0px 0px 7%;
	background: #f0f2f5;
	padding-top:40px;
}
.dyy .md_title{
	width:100%;
	height:40px;
	text-align: center;
	line-height: 40px;
	color:#333;
	font-size: 32px;
	font-weight: bold;
}
.dyy ul{
	width:80%;
	height:700px;
	float:left;
	margin:30px 0px 0px 10%;
	list-style: none;
}
.dyy ul li{
	width:100%;
	height:110px;
	float:left;
	border-bottom: 1px solid #333;
	line-height: 45px;
	padding-top: 20px
}
.dyy ul li span{
    font-size:18px;color:#333
}
.dyy ul li label{
	font-size:24px;color:#333;font-weight:bold
}
.more_games{
	width:70%;
	height:600px;
	float:left;
	margin:130px 0px 0px 15%;
}
.more_games .md_title{
	width:100%;
	height:40px;
	text-align: center;
	line-height: 40px;
	color:#333;
	font-size: 32px;
	font-weight: bold;
}
.more_games .ck_menu{
    width:100%;height:80px;float:left;margin:30px 0px 0px 0%;line-height:80px
}
.more_games .ck_menu img{
    float:right;margin-bottom:-10px;margin-top:10px;margin-right:20px;cursor:pointer
}
.more_games .ck_menu span{
    font-size:28px;color:#333;margin-left:20px;cursor:pointer
}
.more_games .game_ico{
    width:100%;height:auto;float:left;text-align: center;
}
.more_games .game_ico ul{
    list-style: none;
    margin-top:20px;
    margin-left:10px;
}
.more_games .game_ico ul li{
    width:9%;
    float: left;
    margin:0px 22px 40px 5px;
}
.more_games .game_ico ul li div{
    font-size:18px;text-align:center;
    height: 23px;
    overflow: hidden;
}
.more_games .game_ico ul li img{
    border-radius:10px;
}
.cooperate{
	width:100%;
	/*height:690px;*/
	height: auto;
	float:left;
	margin:150px 0px 0px 0%;
	padding-top:100px;
	height:900px;
	background:url('../../Images/newimg/new_hz_bg.jpg') no-repeat;
	background-size:cover;
	background-position:center 100%;
	width:100%;
}
.cooperate .md_title{
	width:100%;
	height:50px;
	text-align: center;
	line-height: 10px;
	color:#333;
	font-size: 32px;
	margin-top: -40px;
	font-weight: bold;
}
.cooperate ul{
	width:70%;
	/*height:550px;*/
	height: auto;
	float:left;
	margin: 50px 0px 0px 15%;
	list-style: none;
}
.cooperate ul li{
	width: 180px;
    height: 100px;
    float: left;
    border-radius: 10px;
    padding:0px 10px;
    margin:0px 20px 40px 0px;
    background: rgba(240, 240, 240, 0.3);
    /*box-shadow: 2px 1px 5px 1px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: 0 0 12px rgba(255,255,255,0.3) inset, 0 8px 24px rgba(0,0,0,0.2); */
    box-shadow: -2px 4px 10px 0px rgba(145,145,145,0.05), -7px 17px 18px 0px rgba(145,145,145,0.04), -15px 37px 24px 0px rgba(145,145,145,0.03), -27px 66px 29px 0px rgba(145,145,145,0.01), -42px 103px 31px 0px rgba(145,145,145,0), inset 0px 4px 4px 0px rgba(255,255,255,0.25), inset 0px -5px 4px 0px rgba(255,255,255,0.25);
      
}
.cooperate ul li img{
	margin:10px 0px 0px 0px;
}
.dyy_lct{
	width:70%;
	height:730px;
	float:left;
	margin:130px 0px 90px 15%;
}
.footer{
	width:100%;
	height:400px;
	float:left;
	margin:40px 0px 0px 0%;
}
.footer .f_bg{
	width:100%;
	height:165px;
	background: url('../../Images/newimg/bottom.png');
	float:left;
}
.footer .f_bg .bot_wz{
	width:50%;
	height:50px;
	bottom:0;
	float:left;
	font-weight: bold;
	font-size: 30px;
	color:#333;
	margin:24px 0px 0px 15%;
}
.footer .f_bg .bot_an{
	width:60%;
	height:50px;
	bottom:0;
	float:left;
	cursor: pointer;
	margin:12px 0px 0px 15%;
}
.footer .banquan{
	width: 100%;
	height:235px;
	background: #FFF;
	float: left;
}
.footer .banquan .fot{
	width:70%;
	height:180px;
	float: left;
	margin:0px 0px 0px 15%;
}
.footer .banquan .fot .bot_left{
    width:50%;
    height:180px;
    float: left;
}
.footer .banquan .fot .bot_left .bot_left_one{
    width:100%;
    height:80px;
    background: #FFF;
    margin-top: 10px;
}
.footer .banquan .fot .bot_left .bot_left_one img{
   float: left;
   margin:10px 0px 0px 0px;
}
.footer .banquan .fot .bot_left .bot_left_one div{
	font-size: 18px;
	color: #333;
	float: left;
	margin:10px 0px 0px 0px;
}
.footer .banquan .fot .bot_left .bot_left_two{
    width:100%;
    height:80px;
    background: #FFF;
    margin-top: 10px;
    font-size: 18px;
    color:#666;
}
.footer .banquan .fot .bot_right{
    width:50%;
    height:170px;
    margin-top:20px;
    float: left;
}
.footer .banquan .fot .bot_right .bt_ewm{
	width:100%;
	height:130px;
	float: left;
	text-align: right;
}
.footer .banquan .fot .bot_right .bt_ewm img{
   width:130px;
   height: 130px;
}
.footer .banquan .fot .bot_right .ewm_wz{
    width: 100%;
    height:30px;
    float: left;
    text-align: right;
    font-size: 18px;
    color:#333;
}
.footer .banquan .fot .bot_right .ewm_wz span{
	margin-right:20px;
}
.footer .banquan .icp{
	width:100%;
	height:50px;
	text-align: center;
	line-height: 50px;
	font-size: 12px;
	color:#666;
	float: left;
}
/**留言表单**/
.msg_tj{
    width:650px;height:550px;position:absolute;margin:-580px 0 0 35.8%;
}
.msg_tj .txt1{
    width:100%;height:60px;float:left;margin-top:80px;background:#FFF;
}
.msg_tj .txt1 label{
    color:#333;font-size:18px;float:left;margin:20px 0px 0px 24px;font-weight:bold;
}
.msg_tj .txt1 span{
    color:red;font-size:20px;
}
.msg_tj .txt1 input{
    width:465px;height:35px;border-radius:5px;border:1px solid #333;margin:15px 0px 0px 30px;padding-left:5px;
}
.msg_tj .txt2{
    width:100%;height:60px;float:left;margin-top:0px;background:#FFF
}
.msg_tj .txt2 label{
    color:#333;font-size:18px;float:left;margin:20px 0px 0px 24px;font-weight:bold
} 
.msg_tj .txt2 span{
    color:red;font-size:20px
}
.msg_tj .txt2 input{
    width:465px;height:35px;border-radius:5px;border:1px solid #333;margin:15px 0px 0px 30px;padding-left:5px
}
.msg_tj .txt3{
    width:100%;height:60px;float:left;margin-top:10px;background:#FFF
}
.msg_tj .txt3 label{
    color:#333;font-size:18px;float:left;margin:20px 0px 0px 24px;font-weight:bold
}
.msg_tj .txt3 span{
    color:red;font-size:20px
}
.msg_tj .txt3 input{
    width:465px;height:35px;border-radius:5px;border:1px solid #333;margin:15px 0px 0px 30px;padding-left:5px
}
.msg_tj .txt4{
    width:100%;height:60px;float:left;margin-top:10px;background:#FFF
}
.msg_tj .txt4 label{
    color:#333;font-size:18px;float:left;margin:20px 0px 0px 24px;font-weight:bold
}
.msg_tj .txt4 input{
    width:465px;height:35px;border-radius:5px;border:1px solid #333;margin:15px 0px 0px 40px;padding-left:5px
}
.msg_tj .txt5{
    width:100%;height:180px;float:left;margin-top:10px;background:#FFF
}
.msg_tj .txt5 label{
    color:#333;font-size:18px;float:left;margin:20px 0px 0px 24px;font-weight:bold
}
.msg_tj .txt5 textarea{
    width:460px;height:100px;border-radius:5px;border:1px solid #333;margin:15px 0px 0px 40px;padding:5px
}
.msg_tj .tjly{
    width:120px;height:40px;margin:-40px 0px 0px 270px;z-index:999;border:0;float:left;border-radius:5px;background: linear-gradient( 213deg, #2563EB 0%, #8B5CF6 100%);font-size:16px;color:#FFF;cursor:pointer
}
.dyy_rzqx{
    width:70%;height:60px;float:left;margin:0px 0px 0px 15%;background:linear-gradient( 213deg, #2563EB 0%, #8B5CF6 100%);line-height:60px;text-align:center;font-size:18px;color:#FFF
}

.modal {
    display: none; /* 初始隐藏 */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); /* 黑色背景带有透明度 */
  }

  /* 模态框内容的样式 */
  .modal-content {
    background-color: #fefefe;
    margin: 20% auto; /* 15% 从顶部和底部 */
    padding: 20px;
    border: 1px solid #888;
    width: 10%; /* 可以根据需要调整宽度 */
    text-align:center;
  }

  /* 关闭按钮的样式 */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
.rhyy{
    width:70%;height:300px;float:left;margin:40px 0px 0px 15%;
}
.rhyy .yy_son_1{
    width:23%;height:280px;background:rgba(5, 130, 255, 0.08);float:left;box-shadow: 1px 4px 8px 1px rgba(0,0,0,0.05);border: 2px solid #FFFFFF;border-radius:8px;margin-right:2%
}
.rhyy .yy_son_1 .pic{
    width:100%;height:40px;text-align:center;margin-top:24px;
}
.rhyy .yy_son_1 .title{
    width:100%;height:40px;text-align:center;margin-top:10px;font-size:18px;color:#333
}
.rhyy .yy_son_1 .intro{
    width:80%;height:150px;text-align:left;margin-top:0px;font-size:18px;color:#333;padding:0px 10%;line-height:30px;
}
.hz_dyy{
	float:left;
	padding-top:0px;
	margin-top:30px;
	width:70%;
	margin:0px 0px 0px 15%;
	height:330px;
	background: #F5F7FA;
}
.hz_dyy .md_title{
	width:100%;
	height:40px;
	text-align: center;
	line-height: 40px;
	color:#333;
	font-size: 32px;
	font-weight: bold;
}
.hz_dyy .item{
    width:100%;height:170px;float:left;margin-top:30px
}
.hz_dyy .item .t1{
    width:31%;height:170px;background:rgba(5, 130, 255, 0.08);float:left;box-shadow: 1px 4px 8px 1px rgba(0,0,0,0.05);border: 2px solid #FFFFFF;border-radius:8px;text-align:center;line-height:170px;font-size:32px;color:#333;font-weight:bold
}
.hz_dyy .item .t1 img{
    margin:0px 10px -8px 0px
}
.hz_dyy .item .t2{
    width:31%;height:170px;background:rgba(5, 130, 255, 0.08);float:left;box-shadow: 1px 4px 8px 1px rgba(0,0,0,0.05);border: 2px solid #FFFFFF;border-radius:8px;margin-left:3%;text-align:center;line-height:170px;font-size:32px;color:#333;font-weight:bold
}
.hz_dyy .item .t2 img{
    margin:0px 10px -8px 0px
}


.hz_hxqy{
	float:left;
	padding-top:0px;
	margin-top:0px;
	width:70%;
	margin:0px 0px 0px 15%;
	height:360px;
	background: #F5F7FA;
}
.hz_hxqy .md_title{
	width:100%;
	height:40px;
	text-align: center;
	line-height: 40px;
	color:#333;
	font-size: 32px;
	font-weight: bold;
}
.hz_hxqy .item{
    width:100%;height:230px;float:left;margin-top:30px
}
.hz_hxqy .item .t1{
    width:31%;height:230px;border-radius:8px;text-align:center;line-height:170px;font-size:32px;color:#333;font-weight:bold;background: url('../../Images/newimg/hz_item_bg.png') no-repeat;background-size: cover;float:left;
}
.hz_hxqy .item .t1 .pic{
    width:100%;height:40px;text-align:center;line-height:40px;margin-top:20px
}
.hz_hxqy .item .t1 .title{
    width:100%;height:40px;text-align:center;line-height:40px;margin-top:20px;font-size:32px;color:#333;font-weight:bold
}
.hz_hxqy .item .t1 .intro{
    width:70%;height:40px;text-align:center;line-height:26px;margin-top:20px;font-size:18px;color:#333;font-weight: normal;margin-left:15%;
}

.hz_cpbj{
	float:left;
	padding-top:0px;
	margin-top:0px;
	width:70%;
	margin:0px 0px 150px 15%;
	height:560px;
	background: #F5F7FA;
}
.hz_cpbj .md_title{
	width:100%;
	height:40px;
	text-align: center;
	line-height: 40px;
	color:#333;
	font-size: 32px;
	font-weight: bold;
}
.hz_cpbj .mation{
    width:100%;height:320px;float:left;margin:30px 0px 30px 0;
}
.hz_cpbj .mation .la1{
    background: linear-gradient( 90deg, rgba(5,130,255,0.22) 0%);  
    width: 100%;
    height: 80px;
}
.hz_cpbj .mation .la1 .sig1{
    width:20%;height:80px;float:left;text-align:center;line-height:80px;font-size:28px
}
.hz_cpbj .mation .la1 .sig2{
    width:25%;height:80px;float:left;text-align:center;line-height:80px;font-size:28px
}
.hz_cpbj .mation .la1 .sig3{
    width:35%;height:80px;float:left;text-align:center;line-height:80px;font-size:28px
}
.hz_cpbj .mation .la1 .sig4{
    width:20%;height:80px;float:left;text-align:center;line-height:80px;font-size:28px
}

.hz_cpbj .mation .la2 .sig1{
    width:20%;height:140px;float:left;text-align:center;line-height:40px;font-size:28px;padding-top:20px
}
.hz_cpbj .mation .la2 .sig2{
    width:25%;height:140px;float:left;text-align:center;line-height:40px;font-size:28px;padding-top:20px
}
.hz_cpbj .mation .la2 .sig3{
    width:35%;height:140px;float:left;text-align:left;line-height:40px;font-size:28px;padding-top:20px
}
.hz_cpbj .mation .la2 .sig4{
    width:20%;height:140px;float:left;text-align:center;line-height:40px;font-size:28px;padding-top:20px
}
.hz_cpbj .mation .la2{
    background: #D6E9FF; 
    width: 100%;
    height: 160px;
}
.zxbj{
    width:80%;height:50px;float:left;text-align:center;line-height:50px;margin-top:-300px
}
.zxbj img{
    width:144px;height:48px;float:left;margin-left:58%;cursor:pointer
}
.ljhz{
    width: 56px;height: 49px;background: #165DFF;border-radius: 59px 59px 59px 59px;position:fixed;color: #F5F7FA;font-size:14px;z-index:999;right:12px;top:50%;text-align:center;line-height:20px;padding-top:7px;cursor:pointer
}
.ljhz a{
    color:#F5F7FA;text-decoration:none
}

.about_wz{
    width:75%;height:180px;float:left;margin:40px 0 0 15%
}
.about_wz .title{
    width:100%;height:50px;font-size:36px;text-align:center;line-height:50px;color:#333;font-weight:bold
}
.about_wz .content{
    font-size:18px;width:100%;height:auto;margin-top:20px;line-height:30px
}
.about_swhz{
    width:75%;height:200px;float:left;margin:-380px 0 0 15%
}
.about_swhz .title{
    width:100%;height:50px;font-size:36px;text-align:center;line-height:50px;color:#333;font-weight:bold
}
.about_swhz .content{
    font-size:18px;width:100%;height:auto;margin-top:20px;line-height:30px
}
.about_swhz .email{
    font-size:18px;width:100%;height:auto;margin-top:20px;line-height:30px
}
.about_swhz .email img{
    width:40px;height:40px;margin-left:30px;float:left
}
.about_swhz .email span{
    font-size:16px;font-weight:bold;float:left;margin-left:12px
}
.lxwm{
    width:75%;height:200px;float:left;margin:30px 0 5% 15%
}
.lxwm .title{
    width:100%;height:50px;font-size:32px;text-align:center;line-height:50px;color:#333;font-weight:bold
}
.lxwm .content{
    font-size:18px;width:40%;height:auto;margin-top:20px;line-height:30px;margin-left:30%
}
.lxwm .content ul{
    list-style:none
}
.lxwm .content ul li{
    width:100%;float:left;margin-top:20px
}
.lxwm .content ul li img{
    width:24px;height:24px;float:left   
}
.lxwm .content ul li label{
    font-size:18px;margin-left:20px;float:left;margin-top:-3px
}
.lxwm .content .ewm{
    position:absolute;width:100px;height:100px;margin:95px 0px 0px -220px
}
.lxwm .content span{
    font-size:12px;position:absolute;margin:190px 0px 0px -205px
}