@media screen and (max-width: 1200px){
    .nav-content {
        width: 1125px;
    }
    .market-content,
    .share-container .share_vessel,
    .footer-container .footer-vessel,
    .lbasic-box, .new-content{
        justify-content: center;
    }
   

    .swiper-btn .swiper-subtitle,
    .sharebtn .btn-item,
    .share-bot .share-details,
    .footer-msg,.footer-box a,
    .backcolor-bot{
        font-size: 12px;
    }
    .submenu a,
    .introduce-item .introduce-msg,
    .lbasic-item .lbasic-subtitle,
    .share-subtitle,.share-details .aixin,
    .new-date,.links_item span{
        font-size: 14px;
    }
    .header-content .header_menu .menu{
        font-size: 15px;
    }
    .service-btn,
    .introduce-item .introduce-text,
    .share-title,
    .footer-title,
    .new-desc{
        font-size: 16px;
    }
    .swiper-btn .swiper_title,.game-msg ,.platform{
        font-size: 17px;
    }
    .market-box .market-text,
    .consult-btn,.share-title{
        font-size: 18px;
    }
    .lbanner-content .lbanner-subtitle,
    .game-country{
        font-size: 19px;
    }
    .footer-link .consult,.game-num {
        font-size: 22px;
    }
    .lbasic-item .lbasic-title,
    .news-title,
    .union-container >.market-box .market-title,
    .links-title{
        font-size: 25px;
    }
    .lbanner-content .lbanner-title,
    .market-box .market-title,
    .business-title{
        font-size: 37px;
    }


    
    .lbanner-content .downBox,
    #popup-head  {
        display: none;
    }
    .market-box{
        padding: 50px 0;
    }
    .header-content .header_menu {
        width: 650px;
    }
    .header-content .logo {
        height: 25px;
        padding-left:50px;
    }
    .header-content .header_menu .menu{
        height: 60px;
        line-height: 60px;
    }
    .submenu{
        top: 60px;
        width: 120px;
    }
    .submenu a{
        height: 35px;
        line-height: 35px;
    }
    .header-btn{
        width: 98px;
        height: 40px;
    }
    .header-btn .btn{
        width: 92px;
        height: 35px;
    }
    .lbanner-content,.banner-content .lbanner-content{
        height: 650px;
    }
    .service-btn{
        width: 153px;
        height: 40px;
    }
    .market-content .market-left img{
        width: 319px;
    }
    .market-content .market-left{
        margin-right: 100px;
    }
    .market-content .market-right{
        width: 420px;     
    }
    .banner-box {
        width: 919px;
        margin: 0 auto;
        padding-bottom: 0px;
    }
    .swiper-slide {
        width: 258px!important;
        height: 240px;
        margin-right: 23px;
    }
    .swiper-img{
        width: 268px;
        height: 200px;
    }
    .swiper-slide .swiper-btn {
        width: 177px;
        height: 65px;
    }
    .swiper-btn img {
        top: 13px;
        right: 17px;
    }
    .sharebox {
        width: 270px;
        min-height: 352px;
        margin-right: 23px;
    }
    .sharebox >img {
        height: 230px;
        width: 100%;
    }
    .share-bot .share-details img {
        height: 16px;
    }
    .union_vessel>img{
        width: 860px;
        margin: 0 auto;
        display: block;
    }
    .consult-btn {
        width: 163px;
        height: 42px;
    }
    .consult-btn img {
        height: 25px;
    }
    .footer-box {
        width: 230px;
    }

    /*  */
    .business-content{
        height: 393px;
    }
    .lbasic-box{
        height: 535px;
    }
    .lbasic-images,.lbasic-item {
        width: 450px;
    }
    .lbasic-images img{
        height: 200px;
        width: auto;
    }
    .lbasic-images .images {
        width: 100%;;
    }
    .new-content .new-left .sharebox{
        width: 520px;
        margin: 0 40px 40px 0;
    }
    .new-content .new-right{
        width: 330px;
    }
    .new-desc{
        line-height: 22px;
    }
    .new-img{
        width: 92px;
        height: 79px;
        margin-right:19px;
    }
    .platform img{
        width: 145px;
    }

}


@media screen and (max-width: 1024px){
    .nav-content,
    .new-content .new-left .sharebox ,
    .new-content .new-right{
        width: 100%;
    }
    .market-content,
    .share-container .share_vessel,
    .footer-container,
    .lbasic-box,.new-content,
    ._links {
        justify-content: center;
        flex-direction: column;
    }
    .market-content{
        padding: 0 20px;
    }
    .lbasic-box{
        height: 100%;
    }
    .header-content{
        display: none;
    }
    ._header{
        display: flex;
    }

    .lbanner-content .lbanner-subtitle{
        font-size: 16px;
    }
    .lbanner-content .lbanner-title,
    .market-box .market-title,
    .business-title{
        font-size: 30px;
    }
    .lbanner-content .lbanner-title{
        line-height: 50px;
    }
    .lbanner-content{
        height: 450px;
    }
    .banner-content .lbanner-content{
        height: 400px;
    }
    .banner-box,.lbasic-images, .lbasic-item{
        width: 100%;
    }
    .swiper-container{
        margin: 0 20px;
    }
    .sharebox {
        width: 100%;
        margin: 0 0 30px;
    }
    .market-content .market-right{
        width: 100%;
    }
    .sharebox >img {
        height: auto;
    }
    .union_vessel{
        margin: 0 20px;
    }
    .union_vessel>img{
        width: 100%;
        height: auto;
    }
    .footer-vessel{
        flex-wrap: wrap;
    }
    .footer-box,.footer_about {
        width: 300px;
        margin: 20px 0;
    }
    .business-content,.banner-content {
        height: 320px;
    }
    .business-box {
        left: 163px;
        width: 28%;
        left: 9%;
        text-align: center;
    }
    .service-btn{
        margin: 29px auto 0;
    }
    .business-title {
        line-height: 45px;
        letter-spacing: 2px;
    }
    .lbasic-images, .lbasic-item{
        padding: 30px 20px;
        box-sizing: border-box;
    }
    
    .lbasic-images img{
        height: auto;
    }
    .rightmn{
        margin: 0;
    }
    .new-left ,.new-content .new-right{
        padding: 0 20px;
        box-sizing: border-box;
    }
    ._links{
        margin: 0 20px;
    }
    .links_item{
        width: 100%;
        margin: 20px 0 0 0;
    }
    .links_item img{
        width: 150px;
    }
    .lbanner-content .lbanner-line{
        width: 210px;
    }
    
}
@media screen and (max-width: 768px){
    .videos-content .videos{
        height: 100%;
    }
    .lbanner-content{
        height: 330px;
    }
    .lbanner-content .lbanner-title{
        line-height: 40px;
    }
    .lbanner-content .lbanner-subtitle{
        margin-top: 9px;
        line-height: 25px;
        padding: 0 15px
    }
    .service-btn {
        width: 128px;
        height: 35px;
        font-size: 14px;
    }
    .footer-box, .footer_about{
        width: 180px;
        padding-right: 10px;
    }
    .footer-img {
        height: 18px;
        margin-right: 5px;
    }
    .share-container .share_vessel {
        padding: 0 20px 50px 20px;
    }
    .business-box{
        width: 53%;
    }
    .lbasic-images img {
        height: auto;
        width: 70%;
    }

}

@media screen and (max-width: 520px){
    .videos-content .videos{
        height: 320px;
        width: auto;
    }
}