@media (min-width : 1366px) and (max-width : 1440px) {
.service .serv-r .serv-img {
	background-size: 96%;
}
.service .serv-r .serv-img .serv-ico-1 {
    width: 149px;
    height: 171px;
    left: -124px;
    top: 68px;
	background-size:100%;
}
.service .serv-r .serv-img .serv-ico-2 {
    left: 126px;
    top: 8px;
}
.service .serv-r .serv-img .serv-ico-4 {
    left: 302px;
    top: 170px;
}
.service .serv-r .serv-img .serv-ico-6 {
    left: 538px;
    top: 170px;
}
.serv-h5game {
    background-size: 96%;
}
.serv-h5game .h5game-img {
    padding: 40px 0 0 0;
}
.serv-h5game .h5game-img .h5game-img-list1 img {
    margin-right: 5px;
    width: 100px;
}
.serv-h5game .h5game-img .h5game-img-list2 img {
    margin-right: 5px;
    width: 100px;
}
.h5game-js .li-con1, .h5game-js .li-con2 {
    min-height: 280px;
    padding: 30px 15px;
    text-align: center;
    background: #E9F1FC;
    border-radius: 20px;
    height: 316px;
}
.h5game-js .li-con1 .txt, .h5game-js .li-con2 .txt {
    line-height: 24px;
	font-size:14px;
}
.process .p-r ul li {
    float: left;
	padding:0;
}
}

@media screen and (max-width: 1200px) {
    .adresource{
        flex-direction: column;
    }
    .service .serv-l{
        width: 90%;
    }
    .h5game .serv-l{
        float: none;
        margin: 0 auto;
    }
    .serv-h5game .h5game-img .h5game-img-list1,.serv-h5game .h5game-img .h5game-img-list2{
        display: block;
        text-align: center;
        margin: 15px 0px 0 0;
    }
    .serv-h5game{
        background-position: center;
    }
    .h5game .serv-r{
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
    }
    .h5game-js{
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }
    .h5game-js .li-con1, .h5game-js .li-con2{
        height: 100%;
        box-sizing: border-box;
    }
    .adstyle h3, .h5game h3{
        padding-left: 40px;
    }
    .swiper-slide{
        width: 50%;
    }
    .process2{
        display: flex;
        flex-direction: column;
    }
    .process .p-l{
        width: 100%;
        margin-bottom: 20px;
    }
    .process .p-r{
        width: 100%;
    }
    .process .p-r ul li .iconfont{
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
    }
    .process{
        height: auto;
    }
    .aboutus{
        align-items: stretch;
    }
    .about-img img{
        width: 80%;
    }
    .aboutus{
        flex-direction: column;
    }
    .aboutus .col-2{
        width: 100%;
    }
    .aboutus .about-txt{
        padding: 20px;
    }
    .partner .partner-list{
        height: auto;
    }
    .col-8{
        width: 25%;
        margin-bottom: 20px;
    }
    .adstyle .styleshow{
        width: 100%;
        display: flex;
    }
    
}
@media screen and (max-width: 950px) {
    .adstyle .styleshow{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .adstyle .styleshow .ss-1{
        display: flex;
        width: 100%;
        order: 2;
    }
    .adstyle .styleshow .ss-2{
        width: 100%;
      order: 1;  
    }
    .adstyle .styleshow .ss-3{
        display: flex;
        width: 100%;
        order: 3;
    }
    .adstyle .styleshow .ss-1 .styleshow-sm-1,.adstyle .styleshow .ss-1 .styleshow-sm-2,.adstyle .styleshow .ss-3 .styleshow-sm-3,.adstyle .styleshow .ss-3 .styleshow-sm-4{
        margin: 0 auto 10px;
    }
    .adstyle .styleshow .ss-1 .styleshow-sm-1 img,.adstyle .styleshow .ss-1 .styleshow-sm-2 img,.adstyle .styleshow .ss-3 .styleshow-sm-3 img,.adstyle .styleshow .ss-3 .styleshow-sm-4 img{
        height: auto;
        width: 60px;
    }
    .mobile-menu{
        display: block;
    }
    .header.active .mobile-menu{
        transform: rotate(90deg);
    }
    
    
    .header .wrap{
        position: relative;
        max-width: 90%;
        padding: 15px 20px;
    }
    .header .menu{
        position: absolute;
        top: 89px;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        overflow: hidden;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .header.active .menu{
        display: block;
    }
    .header .menu ul{
        width: 100%;
        height: auto !important;
        flex-direction: column;
    }
    .header .menu ul>li{
        width: 100% !important;
        padding: 0 10px;
        line-height: 40px;
        box-sizing: border-box;
        border-bottom: 1px solid #fff;
        float: none;
    }
    .header .menu ul>li:last-child{
        border-bottom: none;
    }
    .header .menu ul>li::after{
        display: none;
    }
    .header .menu  ul>li a{
        color: #fff;
    }
}
@media screen and (max-width: 768px) {
    .container { width:100%;}
	.banner2,.threec,.fe {
        flex-direction: column;
    }
    .threec .col-3,.fe .col-4{
        width: 100%;
        margin-bottom: 10px;
    }
	.features-block .ys img { width:40%;}
    .fe .col-4{
        border-bottom: 1px dotted #ddd;
    }
    .fe .col-4:last-child{
        border-bottom: none;
    }
    .banner .banner-text{
        text-align: center;
        margin-bottom: 20px;
    }
    .banner .banner-img{
        width: 70%;
    }
    .banner .banner-img img {
        width: 100%;
		margin-top:20px;
    }
    .service .serv-l .serv-ico-1{
        position: relative;
        left: 0;
        right: 0;
        top: 0;
    }
    .service .serv-l .serv-col .serv-col-con{
        width: 100%;
    }
    .service .serv-r .serv-img .serv-ico-1{
        left: -75px;
        top: 3px;
    }
    .service .serv-r .serv-img .serv-ico-4{
        left: 20px;
    }
    .service .serv-r .serv-img .serv-ico-6{
        left: -30px;
        top: 315px;
    }
	.features { background-size: 200%;}
	.service .serv-r .serv-img { background-size: 100%;}
    .serv-h5game{
        background-size: 100% 100%;
    }
    .serv-h5game .h5game-img{
        padding: 20px 0 70px 0;
    }
    .h5game-js{
        flex-direction: column;
    }
    .h5game-js .col-4{
        width: 100%;
        margin-bottom: 20px;
    }
    .swiper-slide{
        width: 100%;
    }
    .vir{
        flex-direction: column;
    }
    .process .p-r ul li{
        float: none;
        text-align: center;
    }
    .process .p-r ul li:nth-of-type(2n+2){
        transform: rotate(90deg);
       
    }
    .process .p-r ul li:nth-of-type(2n+2) .iconfont{
         margin-bottom: 0;
    }
    .col-8{
        width: 50%;
        margin-bottom: 20px;
    }
    .banner .banner-text h1{
        font-size: 44px;
    }
    .banner .banner-text h2{
        font-size: 22px;
    }
    .adstyle .styleshow .ss-1,.adstyle .styleshow .ss-3{
        display: none;
    }
}

@media (min-device-width : 320px) and (max-device-width : 414px) and (-webkit-min-device-pixel-ratio : 2){
.header .menu2 .logo { width:200px; background-size: 100%;}
.banner { padding-top:80px;}
.banner .banner-img { height:300px; margin-top:30px;}
.banner .banner-text h2 { margin-bottom:20px;}
.banner .banner-text .txt { font-size:16px;}
}