﻿body {background:#1c1916;font-family:"微软雅黑";overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
a:hover {opacity:0.7;filter:alpha(opacity=70);}
input {outline:none;}

.modal-content {background:url(../img/pop.jpg);background-size:100% 100%;}
.modal-body {line-height:4rem;font-size:1.5rem;font-weight:bold;color:#e1dfd9;}
.modal-body h1 {font-size:1.6rem;color:red;}
.modal-body span {color:#c3a475;}
.modal-header {border-bottom:none;color:#e1dfd9;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#29261c;color:#e1dfd9;border:none;}

.ImgBox {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px;margin-bottom:20px;}
.ImgBox img {max-width:100%;}



@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/min_bg.jpg) center 0 no-repeat;
  background-size: cover;
}	
	
	
.Top {width:100%;height:auto;overflow:hidden;position:relative;}
.MinImg {width:100%;height:auto;}	
.Maximg {display:none;}
.Goindex {width:177px;height:51px;display:block;position:absolute;right:20px;top:20px;display:none;}

.HH {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:2rem;}
.HH img {width:100%;height:auto;}

.Bg2Img {width:90%;height:auto;overflow:hidden;text-align:center;margin:0 auto;margin-top:2rem;margin-bottom:3rem;}
.Bg2Img img {width:100%;height:auto;}

.Bg1 {background:url(../img/bg2.jpg);background-size:100% 100%;overflow:hidden;}

.Bg1BtnBox {width:100%;height:auto;margin:0 auto;overflow:hidden;padding-bottom:2rem;margin-top:4rem;}
.Bg1BtnBox a {width:23%;height:auto;display:block;float:left;cursor:pointer;margin-left:1%;}
.Bg1BtnBox a img {width:100%;height:auto;}

.Bg2BtnBox {background:url(../img/Img.png);background-size:100% 100%;width:100%;height:auto;margin:0 auto;overflow:hidden;padding-bottom:4rem;padding-top:4rem;}
.Bg2BtnBox a {width:24%;height:auto;display:block;cursor:pointer;float:left;margin-left:1%;margin-top:2rem;}
.Bg2BtnBox a img {width:100%;height:auto;}

.CloseBtn {float:right;display:block;cursor:pointer;}

table {width:100%;height:auto;text-align:center;margin-bottom:2rem;margin-top:2rem;}
th {border:1px solid #f1d386;background:#f1d386;color:#000;text-align:center;line-height:3rem;text-align:center;font-size:1.2rem;}
td {border:1px solid #f1d386;color:#fff;line-height:3rem;text-align:center;font-size:1.2rem;}
td span {color:#f1d386;}


}	



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


.Top {width:100%;height:auto;overflow:hidden;position:relative;}
.Top img {width:100%;height:auto;}
.MinImg {display:none;}

.Goindex {width:177px;height:51px;display:block;position:absolute;right:20px;top:20px;}


.Bg {width:100%;height:auto;overflow:hidden;}
.HH {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:30px;}
.HH img {width:auto;height:auto;}
.Bg1 {background:url(../img/bg2.jpg);background-size:100% 100%;}

.Bg1BtnBox {width:1200px;height:auto;margin:0 auto;overflow:hidden;margin-top:40px;padding-bottom:20px;}
.Bg1BtnBox a {width:300px;height:496px;display:block;float:left;cursor:pointer;}


.Bg2 {background:url(../img/bg3.jpg);background-size:100% 100%;}
.Bg2BtnBox {background:url(../img/Img.png) top center no-repeat;width:1200px;height:753px;overflow:hidden;position:relative;margin:0 auto;}
.Bg2BtnBox a {width:233px;height:211px;display:block;cursor:pointer;position:absolute;}
.Bg2BtnBox .B1 {top:0px;left:200px;}
.Bg2BtnBox .B2 {top:170px;left:30px;}
.Bg2BtnBox .B3 {top:350px;left:160px;}
.Bg2BtnBox .B4 {top:530px;left:280px;}
.Bg2BtnBox .B5 {top:0px;right:200px;}
.Bg2BtnBox .B6 {top:170px;right:30px;}
.Bg2BtnBox .B7 {top:350px;right:160px;}
.Bg2BtnBox .B8 {top:530px;right:280px;}
.modal-dialog {width:1000px;}

.Bg2Img {width:677px;height:auto;overflow:hidden;text-align:center;margin:0 auto;margin-bottom:50px;}
.Bg2Img img {width:100%;height:auto;}

.HHH {background:url(../img/hhh.png) top left no-repeat;width:100%;height:63px;text-indent:40px;color:#fff;font-size:16px;line-height:70px;font-weight:bold;margin-bottom:10px;}

.CloseBtn {width:75px;height:75px;display:block;cursor:pointer;float:right;}

.modal-dialog {width:1100px;}


table {width:80%;height:auto;text-align:center;margin:0 auto;margin-bottom:20px;margin-top:20px;}
th {border:1px solid #f1d386;background:#f1d386;color:#000;text-align:center;line-height:40px;text-align:center;font-size:14px;}
td {border:1px solid #f1d386;color:#fff;line-height:40px;text-align:center;font-size:14px;}
td img {margin-top:6px;margin-bottom:6px;}
td span {color:#f1d386;}

}


