@media only screen and (max-width: 1720px) {
            .mleft ul li {
                width: 16%;
            }
        }
        
        @media only screen and (max-width: 1680px) {}
        
        @media only screen and (max-width: 1600px) {
            .slidepic h6 {
                font-size: 35px;
                text-align: center;
                color: #fff;
                line-height: 35px;
            }
        }
        
        @media only screen and (max-width: 1490px) {}
        
        @media only screen and (max-width: 1400px) {}
        
        @media only screen and (max-width: 1366px) {}
        
        @media only screen and (max-width: 1280px) {}
        
        @media only screen and (max-width: 1220px) {
            .jyms {
                font-size: 15px;
                line-height: 28px;
                margin-bottom: 5% !important;
            }
            .jyright h6 {
                width: 42%;
                font-size: 18px;
                margin-bottom: 20px;
                height: 45px;
                line-height: 45px;
                background: #143b64;
                color: #fff;
                text-align: center;
                display: inline-block;
            }
            .main {
                padding: 7% 0 !important;
                box-sizing: border-box;
            }
            .xmitem {
                vertical-align: top;
                margin-right: 7%;
            }
            .centerBox {
                width: 94% !important;
                margin: 0 auto !important;
            }
            .jyms {
                margin: 0;
            }
        }
        
        @media only screen and (max-width: 1200px) {
            .nav ul li {
                margin-right: 40px;
            }
            .baright {
                width: 51%;
                padding-left: 15px;
                padding-right: 15px;
                padding-top: 0;
                padding-bottom: 30px;
                box-sizing: border-box;
            }
            .bt {
                font-size: 25px;
                text-align: center;
                line-height: 25px;
                color: #0d2844 !important;
            }
            .smlist>div {
                padding: 0 2%;
                box-sizing: border-box;
            }
            .team {
                margin: 5% 0 0 0;
            }
            .advantage {
                margin: 8% 0 0 0;
            }
            .last .centerBox {
                padding: 0 !important;
            }
            .footer {
                margin: 5% 0 0 0;
            }
        }
        
        @media only screen and (max-width: 1130px) {}
        
        @media only screen and (max-width: 1100px) {}
        
        @media only screen and (max-width: 1024px) {
            .section:first-child {
                margin: 0 !important;
            }
            .head {
                display: none;
            }
            .header {
                display: block;
            }
            .sdesc {
                font-size: 14px;
                line-height: 23px;
                text-align: center;
            }
            .section {
                margin: 6% 0 0 0;
            }
            .server {
                margin: 6% 0 0 0;
            }
            .maplist {
                margin: 8% 0 0 0;
            }
            .servers {
                margin: 0 0 0 0 !important;
            }
            .tright h6 {
                font-size: 16px;
                margin-bottom: 10px !important;
            }
            .slide {
                display: none;
            }
            .banner {
                display: block;
            }
            .slidepic {
                align-items: flex-end;
            }
            .slidepic {
                padding-bottom: 5%;
                box-sizing: border-box !important;
            }
            .pinggu p {
                line-height: 24px;
            }
            .nav ul li {
                margin-right: 27px;
            }
            .footer {
                position: static !important;
            }
            .pgBoxs {
                position: static !important;
            }
        }
        
        @media only screen and (max-width: 990px) {}
        
        @media only screen and (max-width: 900px) {}
        
        @media only screen and (max-width: 796px) {}
        
        @media only screen and (max-width: 770px) {
            .dnban {
                display: none;
            }
            .header {
                background: #fff !important;
            }
            .serverlist>div {
                padding: 3% 0;
                box-sizing: border-box;
            }
            .scen {
                width: 94%;
                margin: 0 auto;
            }
            .jyleft {
                width: 50%;
            }
            .jyright {
                width: 50%;
                padding-left: 10px;
                box-sizing: border-box;
            }
            .xmlb {
                margin-bottom: 8%;
            }
            .litem {
                width: 48%;
                margin-bottom: 4%;
            }
            .newitem {
                width: 48%;
                display: inline-block;
                margin-bottom: 30px;
                margin-right: 4%;
            }
            .newitem:nth-child(2n) {
                margin-right: 0 !important;
            }
            .mright>div input[type="submit"] {
                width: 21%;
            }
            .mleft ul li {
                font-size: 16px;
            }
            .conzuo {
                padding: 3%;
            }
            .conyou {
                padding: 0 3% 5% 3% !important;
            }
            .contact {
                flex-wrap: wrap;
            }
            .contact>div {
                width: 100% !important;
            }
            .bans {
                margin-top: 80px;
            }
            .header {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 80px;
                background: #fff;
                z-index: 9999;
            }
            .smcontent {
                width: 80%;
            }
            .smicon strong {
                font-size: 16px;
            }
            .smlist>div {
                min-height: 180px;
                max-height: 180px;
            }
            .smlist>div {
                width: 100%;
                margin-right: 0 !important;
                margin-bottom: 4% !important;
            }
            .bt {
                font-size: 24px;
                text-align: center;
                line-height: 36px;
                color: #0d2844 !important;
            }
            .advantage {
                margin: 8% 0 0 0;
            }
            .smlist>div {
                padding: 0 3%;
                box-sizing: border-box;
            }
            .back {
                display: flex;
                flex-wrap: wrap;
            }
            .back>div {
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            .nav {
                display: none;
            }
            .logo {
                width: 30%;
            }
            .slidepic {
                padding-bottom: 15%;
                box-sizing: border-box !important;
            }
            .nav ul li a {
                display: block;
                height: 100%;
                line-height: 80px;
            }
            .slidepic p {
                font-size: 20px;
                text-align: center;
                text-transform: capitalize;
                line-height: 24px;
                margin-bottom: 5%;
                color: #fff;
                margin-top: 25px;
            }
            .head {
                height: 80px;
            }
            .headr {
                height: 80px;
            }
            .slide {
                display: none;
            }
            .banner {
                display: block;
            }
            .fp-next {
                width: 50px !important;
                height: 50px !important;
                outline: none;
            }
            .fp-prev {
                width: 50px !important;
                height: 50px !important;
                outline: none;
            }
            .menu {
                display: block;
            }
            .menus {
                display: block;
            }
            .smicon {
                width: 10%;
            }
            .jyitem:nth-child(2n) .jyright {
                padding-left: 0px;
                padding-right: 10px;
                box-sizing: border-box;
            }
        }
        
        @media only screen and (max-width: 640px) {
            .section:nth-child(2) {
                margin: 0;
            }
            .flogo {
                margin-bottom: 35px;
                max-width: 50%;
                margin: 5% 0 5% 0;
            }
            .footer .centerBox>div {
                margin-bottom: 5%;
            }
            .footer {
                height: unset;
            }
            .footer .centerBox {
                padding: 0 !important;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .footer .centerBox>div {
                width: 100%;
                margin-right: 0;
            }
            .pgBoxs>div {
                width: 100%;
                display: flex;
                padding: 0 5%;
                box-sizing: border-box;
                justify-content: space-between;
            }
            .lms {
                font-size: 14px;
                line-height: 27px;
                margin-top: 40px;
                text-align: left;
                color: #fff;
            }
            .pgBoxs {
                padding: 8% 5%;
                height: unset;
                box-sizing: border-box;
            }
            .last_right a {
                width: 120px;
                height: 45px;
                line-height: 45px;
                background: #2078d4 !important;
                display: block;
                color: #fff;
                float: right;
                text-align: center;
                font-size: 14px;
            }
            .last_left h6 {
                font-size: 18px;
            }
            .last_right {
                width: 40%;
                display: flex;
                justify-content: center;
            }
            .pgBoxs>div {
                flex-wrap: wrap;
            }
            .last_left {
                width: 100%;
                font-size: 16px;
                line-height: 28px;
            }
            .last_right {
                width: 100%;
            }
            .yslist {
                height: 75%;
            }
            .maplist h6 {
                position: relative;
                top: 0;
                z-index: 999;
            }
            .yslist h6 {
                font-size: 20px;
            }
            .ysicon {
                background-size: cover !important;
                height: 50px;
                width: 50px;
            }
            .yslist>div {
                height: 200px;
            }
            .yslist>div {
                width: 48%;
                margin-right: 4%;
                margin-bottom: 20px;
            }
            .yslist>div:nth-child(2n) {
                margin-right: 0 !important;
            }
            .serverlist>div {
                height: 260px;
            }
            .stitle {
                font-size: 16px;
            }
            .tmen>div {
                font-size: 14px;
                line-height: 28px;
            }
            .tasds .tmen {
                padding: 8%;
            }
            .syteam .swiper-slide p {
                padding: 10px 0 0 0 !important;
                clear: both;
                box-sizing: border-box;
            }
            .syteam .swiper-slide p span:first-child {
                font-size: 14px;
                float: left;
                padding: 0 4px;
                box-sizing: border-box;
            }
            .syteam {
                padding: 8% 0 !important;
                box-sizing: border-box;
            }
            .mbox:first-child {
                padding: 0 !important;
                box-sizing: border-box;
            }
            .mright>div input[type="text"] {
                width: 78%;
            }
            .pinggu {
                padding: 0 !important;
                box-sizing: border-box;
            }
            .contact {
                box-sizing: border-box;
                border: 1px solid #c3c3c3;
                margin: 0 !important;
            }
            .show_nr>div h6 {
                font-size: 20px;
                line-height: 20px;
                margin: 8% 0;
            }
            .show_xmlb ul li {
                font-size: 16px;
                margin-right: 0;
                width: 25%;
                line-height: 60px;
                text-align: center;
                padding: 0 !important;
            }
            .jyright h6 {
                width: 100%;
                font-size: 16px;
                margin-bottom: 18px;
                height: 35px;
                line-height: 35px;
                background: #143b64;
                color: #fff;
                text-align: center;
                display: inline-block;
            }
            .jyms {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 5% !important;
            }
            .xmlb {
                margin-bottom: 4%;
            }
            .libt {
                font-size: 14px;
                line-height: 40px;
                text-align: center;
                background: #143b64;
                color: #fff;
                margin-top: 6px;
            }
            .xmitem span {
                padding: 8px 0;
                display: block;
                box-sizing: border-box;
                font-size: 14px;
            }
            .lmen {
                font-size: 16px;
                color: #fff;
                line-height: 80px;
                height: 80px;
            }
            .xmitem {
                margin-right: 75px;
                font-size: 16px;
                box-sizing: border-box;
                width: 31%;
                margin: 2% 0 2% 0;
                display: inline-block;
            }
            .main {
                padding: 8% 0 !important;
                box-sizing: border-box;
            }
            .mlb {
                margin-bottom: 8%;
            }
            .newnr h6 {
                font-size: 16px;
                margin-bottom: 9px;
            }
            .newnr {
                padding: 8% 3%;
                box-sizing: border-box;
                border: 1px solid #f2f2f2;
            }
            .mlb>div {
                width: 100%;
            }
            .mleft ul li {
                width: 32.82%;
                margin-bottom: 2px;
            }
            .mleft {
                margin-bottom: 5%;
            }
            .meng .sjdh {
                width: 60%;
                height: 100%;
                background: rgba(250, 250, 250, 0.8);
                float: right;
            }
            .ipt {
                height: 35px;
            }
            .conzuo h6 {
                padding-bottom: 10px;
                font-size: 18px !important;
            }
            .bans>div {
                font-size: 18px !important;
                height: 35% !important;
            }
            .bans {
                margin-top: 60px;
            }
            .pinggu p {
                margin-bottom: 6%;
            }
            .submit {
                width: 110px;
                height: 40px;
            }
            .pgBox {
                flex-wrap: wrap;
            }
            .pgBox>div:last-of-type {
                margin-top: 5%;
            }
            .pgBox>div {
                width: 100% !important;
                padding-left: 0 !important;
            }
            .main {
                padding-bottom: 8% !important;
                box-sizing: border-box;
            }
            .pinggu {
                padding: 8% 0;
                box-sizing: border-box;
            }
            .smicon {
                width: 16%;
            }
            .smcontent>div {
                font-size: 14px;
                line-height: 23px;
            }
            .baright {
                padding-bottom: 0;
            }
            .mbox .bt {
                margin-bottom: 3%;
            }
            .mbox {
                padding: 8% 0 0 0;
                box-sizing: border-box;
            }
            .bans {
                height: 250px;
            }
            .ban {
                height: 250px;
            }
            .bans>div {
                width: 100%;
                font-size: 22px;
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                height: 50%;
                background: rgba(0, 0, 0, 0.29);
            }
            .baright>div {
                font-size: 14px;
                line-height: 28px;
            }
            .meng {
                top: 60px
            }
            .slidepic p {
                font-size: 18px;
                margin-top: 10px;
                width: 70%;
                margin: 2% auto 5%;
            }
            .slidepic a {
                width: 130px;
                display: block !important;
                height: 40px;
                border-radius: 5px;
                background: #0d2844 !important;
                margin: 0 auto;
                line-height: 40px;
                text-align: center;
                font-size: 14px;
                color: #fff;
            }
            .fp-next {
                right: 0 !important;
            }
            .fp-prev {
                left: 0 !important;
            }
            .slidepic p {
                font-size: 16px;
                margin-top: 10px;
            }
            .slidepic h6 {
                font-size: 20px;
            }
            .slidepic {
                padding-bottom: 0 !important;
                box-sizing: border-box !important;
                align-items: center;
            }
            .menu {
                width: 60px;
            }
            .menus {
                width: 60px;
            }
            .logo {
                width: 43%;
            }
            .head {
                height: 60px;
            }
            .header {
                height: 60px;
            }
            .tright h6 {
                padding: 0 0 15px 0 !important;
            }
            .advantage {
                margin: 0 !important;
            }
            .tright span {
                margin-left: 0;
                font-size: 14px;
                color: #999;
                float: right;
            }
            .tright h6 {
                padding: 12px 0 15px 0;
            }
            .team h6 {
                margin-bottom: 5%;
            }
            .team {
                margin: 0;
            }
            .tasd {
                width: 35%;
                float: left;
            }
            .tright {
                float: left;
                width: 63%;
                padding-left: 24px;
                box-sizing: border-box;
            }
        }
        
        @media only screen and (max-width: 560px) {}
        
        @media only screen and (max-width: 460px) {}
        
        @media only screen and (max-width: 414px) {}
        
        @media only screen and (max-width: 375px) {}
        
        @media only screen and (max-width: 360px) {}