@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html{
	background-color: #000000;
	background-image: url(../images/bj.jpg);
	background-attachment: fixed;
}
img { border:none;}
.fix {clear:both;font-size: 0px;}

.container {
	position:absolute;
	z-index:-1;
	width: 84%;
	    opacity: 0.7;
	height: 78%;
	left: 8%;
	top: 10%;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/satanbw.gif);
	background-repeat: no-repeat;
	background-position: center center;
        border-radius: 20px;
    box-shadow: 0px 0px 9px #2d3a87;
}
.container2 {
	position:absolute;
	z-index:50;
	width: 84%;

	height: 78%;
	left: 8%;
	top: 10%;
	background: transparent url(../images/pattern.png) repeat top left;
        border-radius: 20px;
}

.img2 {
	position:absolute;
	z-index:50;
	width: 20%;
	top: 8%;
	right: 4%;
}
.an1 {
	width: 100%;
}
.an1 img {
	width: 100%;
	height: auto;
}


.djs {
	position:absolute;
	z-index:50;
	width: 20%;
	top: 66%;
	right: 4%;
}
.djs img {
	width: 100%;
	height: auto;
}
.ys {
	position:absolute;
	z-index:100;
	bottom: 30px;
	height: 88%;
	padding-left: 12%;
}
.ys img {
	width: auto;
	height: 100%;
}
.copyright {
	position:absolute;
	z-index:190;
	width: 84%;
	height: 8%;
	left: 8%;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #FFFFFF;
	bottom: 0px;
	text-align: right;
}
.copyright dd.logo {
	width: 120px;
	height: 27px;
	float: right;
}

.copyright dd.a {
	height: 27px;
	float: left;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
}

.copyright dd.b {
	height: 27px;
	float: right;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
}
.copyright dd.b a {
	text-decoration:none;
	color: #FFFFFF;
}
.copyright dd.b a:hover {
	text-decoration: none;
	color: #CCCCCC;
}



@media screen and (min-width:2000px) {

/*body{
    width: 80%;
    margin: auto;
}*/
.wh{
	    width: 1650px;
    margin: auto;

}
.ys img {
    width: auto;
    height: 95%;
}
.ys {
    position: absolute;
    z-index: 100;
    height: 88%;
    padding-left: 69px;
}
.container {
    position: absolute;
    z-index: -1;
    width:1650px;
    opacity: 0.7;
    height: 78%;
        left: auto;
}
.container2 {
    position: absolute;
    z-index: 50;
    width: 1650px;
    height:78%;
        left: auto;
}
.copyright {
    position: absolute;
    z-index: 190;
    width: 1650px;
    margin: auto;
    height: 8%;
    left: auto;
    font-family: "微软雅黑";
    font-size: 12px;
    color: #FFFFFF;

    text-align: right;
}
}


@media screen and (max-width:1999px) {
.ys {
    position: absolute;
    z-index: 100;
    height: 85%;
    padding-left: 12%;
}
.ys img {
    width: auto;
    height: 100%;
}
.container {

    height: 77%;
}
.container2 {

    height: 77%;
}
}

@media screen and (max-width:1650px) {
.ys {
    position: absolute;
    z-index: 100;

    height: 85%;
    padding-left: 12%;
}
.ys img {
    width: auto;
    height: 100%;
}
.container {

    height: 77%;
}
.container2 {

    height: 77%;
}
}

@media screen and (max-width:1450px) {
.ys {
    position: absolute;
    z-index: 100;

    height: 85%;
    padding-left: 12%;
}
.ys img {
    width: auto;
    height: 90%;
}
.container {

    height: 70%;
}
.container2 {

    height: 70%;
}
}
@media screen and (max-width:1320px) {
.ys img {
    width: auto;
    height: 80%;
}
.djs {
    position: absolute;
    z-index: 50;
    width: 21%;
    top: 68%;
    right: 3%;
}
.img2 {
position: absolute;
    z-index: 50;
    width: 20%;
    top: 10%;
    right: 4%;
}
.container {
    position: absolute;
    z-index: -1;
    width: 84%;
    opacity: 0.7;
    height: 66%;
}
.container2 {
    position: absolute;
    z-index: 50;
    width: 84%;
    height: 66%;
}
}

@media screen and (max-width:1130px) {
.ys img {
    width: auto;
    height: 70%;
}
.djs {
    position: absolute;
    z-index: 50;
    width: 21%;
    top: 68%;
    right: 3%;
}
.img2 {
position: absolute;
    z-index: 50;
    width: 20%;
    top: 10%;
    right: 4%;
}
.container {
    height: 60%;
}
.container2 {
    height: 60%;
}
.ys {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    height: 85%;
    padding-left: 12%;
}
}


@media screen and (max-width:1000px) {
.ys img {
    height: 57%;
}
.djs {
    position: absolute;
    z-index: 50;
    width: 21%;
    top: 68%;
    right: 3%;
}
.img2 {
position: absolute;
    z-index: 50;
    width: 20%;
    top: 10%;
    right: 4%;
}
.container {
    height: 50%;
}
.container2 {
    height: 50%;
}
.ys {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    height: 85%;
    padding-left: 12%;
}
}
@media screen and (max-width:800px) {
.ys img {
    height: 43%;
}
.djs {
    position: absolute;
    z-index: 50;
    width: 21%;
    top: 68%;
    right: 3%;
}
.img2 {
position: absolute;
    z-index: 50;
    width: 20%;
    top: 10%;
    right: 4%;
}
.container {
    height: 40%;
}
.container2 {
    height: 40%;
}
.ys {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    height: 85%;
    padding-left: 12%;
}
}
@media screen and (max-width:600px) {
.ys img {
    height: 30%;
}
.djs {
    position: absolute;
    z-index: 50;
    width: 21%;
    top: 68%;
    right: 3%;
}
.img2 {
position: absolute;
    z-index: 50;
    width: 20%;
    top: 10%;
    right: 4%;
}
.container {
    height: 30%;
}
.container2 {
    height: 30%;
}
.ys {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    height: 85%;
    padding-left: 12%;
}
}