@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .box_cons{padding: 0 80px;}
    .head_nav ul li a{padding: 0 15px;} 
    .myBanner .swiper-slide a .banner_txt h3{font-size: 30px;}
    .myBanner .swiper-slide a .banner_txt p{font-size: 14px;}
    .myBanner .swiper-pagination-banner{padding: 0 80px;}
    .main_title h3{font-size: 36px;}
    .myAbout .mains_text{max-width: 740px;}
     .main_title h3 {font-size: 32px;}
    .bar_tit h3{font-size: 36px;}
    .map{height: auto;}
    .contact_con h3{font-size: 24px;}
    .contact_con p{font-size: 16px;}
    .contact_con p em{font-size: 16px;}
    .contact_con{margin: 30px 0 30px auto;}
    .message_tit h3{font-size: 26px;}
    .message_tit span{font-size: 30px;margin: 20px 0;}

    .recruit_tit,
    .recruit_list .item .item_tit{line-height: 50px;font-size: 20px;}
    .recruit_tit span:nth-child(5), .item_tit span:nth-child(5){width: 50px;line-height: 36px;}
    .recruit_list .item .item_tit span:nth-child(5){height: 36px;}
    .page_list ul li{width: 36px;height: 36px;line-height: 36px;font-size: 18px;}

   .myPark .swiper-slide h3{font-size: 18px;}
   .myPark .swiper-slide em{font-size: 14px;}

   .activity_list .item .item_con span{font-size: 14px;}
   .activity_list .item .item_con h3{font-size: 18px;line-height: 30px;}
   .activity_list .item .item_con p{font-size: 14px;;line-height: 24px;}

   .riginality_list .item .item_con h3{font-size: 26px;}
   .riginality_list .item .item_con p{font-size: 14px;margin: 10px 0;line-height: 24px;}
   .riginality_list .item .item_con em{font-size: 14px;line-height: 24px;margin-top: 20px;}

   .game .game_tit{font-size: 30px;}
   .swiper-container-game .swiper-slide p{font-size: 20px;}
   .box_con{max-width:92%;}

}
@media screen and (max-width:1366px){
   
}
@media screen and (max-width:1280px){
   
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){
    .box_cons,
    .box_con{max-width: 100%;margin: 0 auto;width: 100%;padding: 0 4%;box-sizing: border-box;}
    .sj_menu{display: block;width:26px;height:26px;margin:0 auto;right: 4%;top:16px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background: #fff;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
   
    header,
    .fixed header{padding-top: 0px;background: #2468af;}
    header h1{max-width: 100px;height: 55px;}
    header h1 a{display: inline-flex;height: 100%;align-items: center;padding: 5px 0;box-sizing: border-box;}
    header h1 a img{display: block;}
    .head_right{display: block;width: 100%;position: absolute;top: 55px;left: 0;z-index: 99;;background: rgba(0, 0, 0, 0.8);padding: 20px;box-sizing: border-box;transform: translateX(-100%);transition: all 0.5s;height: calc(100vh - 55px);}
    .head_nav ul{display: block;}
    .head_nav ul li a{font-size: 16px;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .head_nav ul li a::after{height: 2px;}
    .head_lange{border: none;width: 100%;margin-top: 20px;}
    .head_lange::after{display: none;}
    .head_lange>a{display: none;}
    .head_lange ul{display: inline-flex;}
    .head_lange ul li{width: 100px;}
    .fixed .head_nav ul li a,
    .fixed .head_lange a{color: #fff;}
    .son{width: 100%;height: 100%;overflow: hidden;}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;}
    .son .sj_menu span{transition: all 0.5s;}
    .son .sj_menu span:nth-child(2){width: 0;}
    .son .sj_menu span:nth-child(1){transform: rotate(45deg);margin: 12px 3px;transition-delay: 0.5s;}
    .son .sj_menu span:nth-child(3){transform: rotate(-45deg);margin: -20px 3px;transition-delay: 0.5s;}
    .lg_wrap{padding-top: 55px;}

    .myBanner{height: 520px;}
    .main_title h3{font-size: 18px;margin: 20px 0;}
    .head_search{margin-left: 0;}
    .head_search span{display: none;}
    .search_bd{position: static;display: block;}

    .crumbs{display: none;}
.main_item ul li{line-height: 36px;width: calc(100% / 2 - 10px);margin: 10px auto;}
.message_tit h3{font-size: 24px;}
.recruit_tit,
.recruit_list .item .item_tit{padding: 0 15px;margin-top: 20px;}
.recruit_tit, .recruit_list .item .item_tit{font-size: 16px;}
.recruit_tit span:nth-child(2), .recruit_tit span:nth-child(3), .recruit_tit span:nth-child(4), .item_tit span:nth-child(2), .item_tit span:nth-child(3), .item_tit span:nth-child(4){display: none;}
.recruit_list .item .item_tit{margin-top: 0px;}
.recruit_list .item{margin: 10px auto;}
.recruit_tit span:nth-child(1), .item_tit span:nth-child(1){width: 80%;}
.recruit_list .item .item_con{padding: 15px;}
.page_list{padding: 0 0 20px;}
.page_list ul{padding: 20px 0;}
.bar_tit h3{font-size: 24px;}
.message_left{width: 100%;padding: 0;}
.message_item{margin: 15px 0;padding: 5px 0;}
.message_item label{font-size: 16px;}
.message_code input{width: 100%;height: 36px;line-height: 36px;}
.message_code .imgs{width: 100px;height: 36px;}
.message_item2 .message_btn{line-height: 36px;width: 120px;}
.message_item2 .message_btn input{height: 36px;font-size: 16px;}
.message_con{margin-bottom: 20px;}
.message_right{display: none;}
.message_tit span{font-size: 20px;margin: 10px 0;}
    .foot_btm p.p2{display: none;}
    .contact_cons{position: static;}
    .contact_con{padding: 15px;margin: 15px 0;max-width:100%;}
    .contact_con h3{font-size: 20px;}
    .contact_con p{font-size: 14px;}
    .contact_con p b, .contact_con p span{width: 215px;line-height: 24px;}
    .contact_con p em{font-size: 14px;}
.map{margin-bottom: 20px;}
.main_item{margin: 20px 0;}

.main_tit{margin-top: 20px;}
.myPark{margin-bottom: 20px;}
.activity_list .item .item_pic{height: auto;}
.riginality_list .item{margin: 20px 0;}
.riginality_list .item .item_con,
.riginality_list .item:nth-child(even) .item_con{padding: 0;width: 100%;}
.riginality_list .item:nth-child(even) a {flex-direction: row;}
.riginality_list .item .item_pic{width: 100%;}

.game_items ul li{width: calc(100% / 2 - 10px);margin: 5px auto;}
.game_more{margin: 0 auto;text-align: left;}
.news_conss{padding: 20px;margin: 20px auto 0;}
.news_titles h3{font-size: 22px;}
.news_titles{margin-bottom: 20px;}
.product_page ul li a{line-height: 40px;font-size: 16px;}
.product_page{padding: 20px 0;}
.myBanner .swiper-pagination-banner{width:100%;padding:0;flex-direction: row;left:0;right:0;text-align:center;bottom:0;align-items: flex-end;height:20px;top:auto;}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet{width:12px;height:12px;margin: 0 5px;}
.container .arrow{display:none;}
.myAbout .mains_text p{font-size:16px;}
.riginality_list .item .item_con span{width:30px;height:30px;}
.mains_text img,
.map .pic img{width:100% !important;height:auto;}
..game_top{display:block;}
.game_top .game_left, .game_top .game_right{width:100%;margin-top:20px}
.game_top .game_right .game_right_tit{font-size:22px;}
.game_btm{margin:20px 0;}
.game_btm ul li{width:100%;margin-right:0;margin-bottom:10px;}
.game_btm ul li p b{font-size:24px;}


}
@media screen and (max-width:1024px){
   
    
}
@media screen and (max-width:768px){
    .myBanner,
    .bar {height: 420px;}
    .activity_list .item{padding: 10px 0;}
.activity_list .item .item_pic{width: 100%;}
.activity_list .item .item_con{width: 100%;padding-left: 0;}
.riginality_list .item .item_con h3{font-size: 20px;}
.swiper-container-game .swiper-slide p{font-size: 16px;margin: 10px 0;}
.game .game_tit{margin: 20px 0;font-size: 20px;}
.game .mains_text{margin: 20px 0;padding: 10px 0;}
.game_items ul li{font-size: 16px;}
}

@media screen and (max-width:640px){
.myBanner,
.bar {height: 215px;}
   
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}