.game{
    margin-top: 50px;
}
.owl-dots{
    display: none;
}

.ves{
}
@media screen and (max-width:1024px){
    .game_list, #service, #introduction, #contact {
        text-align: center;
    }
    .game_list1 {
       width:100%
    }
    * {
		font-size:12px;
        border: 0;
        margin: 0;
        padding: 0;
        font-family: "微软雅黑";
    }
	.li1{ display:none;}
    .pc{
        display: none;
    }
    .wap{
        display: block;
    }
    .game{
        width:100%;
        margin-top:50px;
    }

    .titled {
        margin: auto;
        /*height: 4em;*/
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    .titled2 {
        padding-top:20px;
        height: 4em;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    .title_left {
	float: left;
	width: 413px;
	height: 58px;
	background: url(jgx1.png) no-repeat;
	background-size: 100%;
    }
    .title_name {
        float: left;
        width:  100%;
        text-align: center;
        color: #e88100;
        font-size: 23px;
        line-height: 1.5em;
        font-weight: 200;
        padding-top: 10px;
    }
    .title_right {
        float: right;
        width:200px;
        height: 20px;
        background: url(jgx2.png) no-repeat;
        background-size: 100%;
    }


    .game_img {
        width: 100%;
        overflow: hidden;
    }

    .game_list1 img {
        margin-top: 1em;
    }
    .game_img img {
        width: 100%;
        /*margin:0 auto;*/
        padding: 0 10px;
    }
    img {
        vertical-align: middle;
        /*pointer-events: none;*/
    }

    .title2 {
        padding-top: 10px;
        color: #fff;
        font-size: 23px;
        font-weight: 600;
        line-height: 2em;
    }

    .game_list2 {
	margin-top: 2em;
	background: url(B2.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	
    }

    .a-link img {
        width: 30%;
        margin: 2em auto;
    }

    .title_name3 {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 23px;
        line-height: 1.5em;
        font-weight: 200;
        color: #e88100;
        padding-bottom: 10px;
    }

    .sub_title3 {
        margin: auto;
        text-align: center;
        font-size: 15px;
        padding: 13px 0;
    }

    #service,.gamelist4,.gamelist5 {
        margin-top: 15px;
    }

    .introduction{
        width: 100%;
        background: #5e8ef3;
        background-size: 100% 100%;
        margin-top: 20px;
        /*height: 600px*/
    }
    .title_name4 {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 23px;
        line-height: 1.5em;
        font-weight: 200;
        padding: 10px 0;
        color: #ffffff;
    }

    .company{
        padding: 0 10px;
    }

    .introduction_content {
        width:100%;
        margin: auto;
    }
}






































@media screen and (min-width:1024px){
    .game_list1 {
        min-width: 1400px;
    }
    .titled {
        margin: auto;
        height: 4em;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    .titled2 {
        padding-top:20px;
        height: 4em;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    .title_left {
        float: left;
        width: 413px;
        height: 58px;
        background: url(jgx1.png) no-repeat;
        background-size: 100%;
    }
    .title_name {
        float: left;
        width:  260px;
        text-align: center;
        color: #e88100;
        font-size: 2.5em;
        line-height: 1.5em;
        font-weight: 200;
    }
    .title_right {
        float: right;
        width:413px;
        height: 58px;
        background: url(jgx2.png) no-repeat;
        background-size: 100%;
    }
    .game_img {
        text-align: center;
        padding: 2em 0;
    }

    .game_list2 {
		height: 1375px;
        min-width: 1400px;
        margin: auto;
        background:url(B2.png) no-repeat;
        text-align: center;
        color: #fff;
        background-size: 120%;
    }

    .title2 {
        padding-top: 2em;
        height: 84px;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    .title_name2 {
        float: left;
        width: 260px;
        text-align: center;
        font-size: 2.5em;
        line-height: 1.5em;
        font-weight: 200;
    }

    .title_left2 {
        float: left;
        width: 200px;
        height: 20px;
        background: url(jgx3.png) no-repeat;
        background-size: 100%;
    }
    .title_right2 {
        float: right;
        width:200px;
        height: 20px;
        background: url(jgx4.png) no-repeat;
        background-size: 100%;
    }

    .title4 {
        padding-top: 10px;
        height: 84px;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }
    .title_name4 {
        float: left;
        width: 260px;
        text-align: center;
        font-size: 2.5em;
        line-height: 1.5em;
        font-weight: 200;
        color: #ffffff;
    }

    .title_left4 {
        float: left;
        width: 200px;
        height: 20px;
        background: url(../images/jgx3.png) no-repeat;
        background-size: 100%;
    }
    .title_right4 {
        float: right;
        width:200px;
        height: 20px;
        background: url(../images/jgx4.png) no-repeat;
        background-size: 100%;
    }

    .world{
        font-size: 25px;
        line-height: 40px;
    }



    .sub_title2 {
        width: 1400px;
        margin: auto;
        text-align: center;
        font-size: 1.5em;
        margin-top: 10px;
    }


    .title3 {
        padding-top: 2em;
        height: 84px;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    .title_name3 {
        float: left;
        width: 300px;
        text-align: center;
        font-size: 2.5em;
        line-height: 1.5em;
        font-weight: 200;
        color: #e88100;
    }

    .title_left3 {
        float: left;
        width: 413px;
        height: 58px;
        background: url(jgx1.png) no-repeat;
        background-size: 100%;
    }
    .title_right3 {
        float: right;
        width:413px;
        height: 58px;
        background: url(jgx2.png) no-repeat;
        background-size: 100%;
    }

    .game_list4{
        background-color: #fff;
    }

    .introduction{
        background:#5e8ef3;
        background-size: 100%;
        width: 100%;
    }

    .introduction_content {
        width: 1200px;
        margin: auto;
        /*overflow: hidden;*/
    }

    /*.row {*/
        /*margin: 0 auto;*/
        /*max-width: 62.5rem;*/
        /*width: 100%;*/
    /*}*/

    #demos{
        height: 300px;
    }

    /*.owl-item img{*/
        /*transition: all ease 1s;*/
        /*width:25%;*/
    /*}*/

    /*.owl-item:hover img{*/
        /*transform: scale(1.3);*/
        /*-webkit-transform: scale(1.3);*/
        /*-o-transform: scale(1.3);*/
        /*-moz-transform: scale(1.3);*/
        /*-webkit-transition: all ease 1s;*/
        /*transition: all ease 1s;*/
        /*-moz-transition: all ease 1s;*/
        /*-o-transition: all ease 1s;*/
    /*}*/

    /*.owl-dots{*/
        /*display: none;*/
    /*}*/

    .introduction_banner{
        height: 200px;
    }

    .game_test{
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }

    #service,#service2{
        width: 100%;
    }



    .pc {
        display: block;
    }
    .wap{
        display: none;
    }
}


/*.row-owl{*/
    /*position: relative;*/
    /*width: 100%;*/
    /*margin: 25px 0;*/
/*}*/

.game_test {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.row{
    margin: 30px 0;
    margin-left: auto;
    margin-right: auto;
}

p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 {
    list-style: none;
}
@media screen and (max-width:1024px){
    .game_testc{

    }
    .game_testc img{
        width: 50%;
        float: left;
    }

    #contact{
        width: 100%;
        margin-top:20px;
    }
    /*.row{*/
        /*max-width:100%;*/

        /*margin: 30px 0;*/
        /*max-height:400px;*/
        /*!*overflow: hidden;*!*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
    /*}*/
    .wefooter{
        width:100%;
        margin-top: 30px;
        z-index: 1000;
    }


    .bottomfix {
        position: fixed;
        bottom: 0;
        width: 100%;
        max-width: 640px;
        z-index: 1000;
    }

    .bottomfix ul {
        display: flex;
        display: -webkit-flex;
        overflow: hidden;
        align-items: center;
    }
    .bottomfix ul li:nth-child(1) {
        background-color: #de4854;
        /* border-right: 1px solid #e5e5e5; */
    }
    .bottomfix ul li:nth-child(2) {
        background-color: #64ab23;
    }
    .bottomfix ul li:nth-child(3) {
        background-color: #ec8d01;
    }
    .bottomfix ul li {
        color: #fff;
        text-align: center;
        flex: 1;
        margin: 0;
        padding: 0;
    }
    .bottomfix ul li a {
        color: #fff;
        display: inline-block;
        padding: 10px 5px;
        text-align: center;
    }
    .bottomfix ul li img {
        width: 100%;
    }
}