@charset "utf-8";

/* CSS Document */

.n-nav { text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.n-nav a { margin: 12px; padding: 10px 15px; border: 1px #333 solid; font-size: 16px; color: #333; }

@media screen and (min-width:1180px) and (max-width:1510px) {
    .nav { float: right; margin-right: 8%; }
    .nav li a { display: block; margin: 0 15px !important; font-size: 16px; }
	
}

@media screen and (max-width: 1180px) {
    .nav { margin-right: 4%; }
    .nav li a { margin: 0 11px !important; }
    .wd, .linkbox { padding: 0 3%; }
}

@media screen and (max-width: 980px) {
	 header .top h1 img { max-width: 200px; }
    .nav { display: none; }
    header .top { padding: 12px 0; }
    .demo-buttons { display: block; }
    header .top h1 { width: 90%; float: none; margin: auto; padding-top: 0px; }
    header { position: relative; background: rgba(255, 255, 255, 1); }
    .derp .irgt .st:nth-child(2) { display: none; }
}

@media screen and (max-width: 768px) {
    .dyip .boxdip { width: 92%; }
    .footbox .nav_s { width: 100%; float: none; text-align: center; }
    .footbox .faull { width: 65%; float: none; margin: auto; }
    .nypros ul li { width: 48%; }
    .nypros ul li:nth-child(2n) { margin-right: 0% !important; }
    .nypros ul li:nth-child(5n) { margin-right: 2%; }
    .nyhotpro ul li { width: 48%; }
    .nyhotpro ul li:nth-child(2n) { margin-right: 0%; }
    .procon { margin: 8% auto; }
    .proconlf { width: 100%; float: none; margin-bottom: 30px; }
    .game163 .bigImg li img { width: 100%; }
    .game163 .smallImg { width: 100%; }
    .game163 .smallScroll { height: 76px; margin-top: 1%; }
    .proconrg { width: 100%; float: none; }
    .proconrg h3 { font-size: 1.58rem; margin-bottom: 20px; }
    .npsr h2 { text-align: center; text-transform: uppercase; font-size: 1.48rem; margin: 25px 0; }
    .nybanner p { padding-top: 0%; }
    .casebox ul li { width: 48%; }
    .casebox ul li:nth-child(2n) { margin-right: 0; }
    .subnav2 { padding: 10% 0 5% 0; height: auto; overflow: hidden; }
    .subnav2 ul { margin-left: 0%; }
    .subnav2 li { width: 48%; margin: 1%; line-height: 40px; float: left; }
    .derp, .dsanp, .dship, .nyabout, .nypor, .dyip { padding: 5% 0; }
    .derp h4 { padding: 5% 0; }
    .nyservice { display: none; }
    .nypor ul { margin-right: -2%; margin-top: 3%; }
    .nypor ul li { width: 47.5%; }
    .newsbox ul { margin-right: 0%; }
    .newsbox ul li { width: 97%; margin-right: 0%; float: none; text-align: center; }
    .contact .efts { width: 100%; margin-right: 0%; float: none; line-height: 2; }
    .contact .maxp { width: 100%; float: none; overflow: hidden; height: auto; }
    .derp h4 a { padding: 10px 5px; border: 1px #333 solid; margin: 0 12px; font-size: 14px; color: #333; }
	
}

@media screen and (min-width:595px) and (max-width:768px) {
}

@media screen and (max-width:640px) {
    .derp ul { margin-right: 0%; }
    .derp ul li { width: 100%; float: none; margin-right: 0%; margin-bottom: 3%; }
    .dsanp ul { margin-right: -0%; }
    .dsanp ul li { width: 100%; float: none; height: auto; overflow: hidden; margin-right: 0%; }
    .nypor ul { margin-right: 0%; margin-top: 3%; }
    .nypor ul li { width: 99%; margin-right: 0; }
    .nynew ul li .pic { width: 100%; float: none; }
    .nynew ul li .consr { margin-left: 0%; width: 100%; float: none; }
    .derp, .dsanp, .dship, .nyabout, .nypor, .dyip { padding: 10% 0; }
	.n-nav { justify-content: flex-end; }
}

@media screen and (max-width:460px) {
    .footbox .faull { width: 46%; float: none; margin: auto; }
}