﻿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;}

.ImgBox {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:30px;}
.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;
}	
	
.Center {background:url(../img/content_bg.png) no-repeat;background-size:100% 100%;width:100%;height:auto;overflow:hidden;padding-bottom:4rem;margin:0 auto;}

.BtnBox {width:100%;height:auto;overflow:hidden;}
.BtnBox a {width:23%;height:auto;display:block;float:left;cursor:pointer;margin-left:1.6%;margin-top:2rem;opacity:0.7;filter:alpha(opacity=70);}
.BtnBox a.on {opacity:1;filter:alpha(opacity=100);}
.BtnBox a img {width:100%;height:auto;}

.FBtnBox {width:100%;height:auto;overflow:hidden;}
.FBtnBox a {width:45%;height:auto;display:block;float:left;cursor:pointer;margin-left:3.3%;margin-top:2rem;opacity:0.7;filter:alpha(opacity=70);}
.FBtnBox a.on {opacity:1;filter:alpha(opacity=100);}
.FBtnBox a img {width:100%;height:auto;}

.FB {width:100%;height:auto;overflow:hidden;display:none;}
.FB.on {display:block;}

.Txt {width:100%;height:auto;overflow:hidden;display:none;font-size:1.4rem;line-height:3rem;display:none;color:#fff;}
.Txt.on {display:block;}
.Txt span {color:#efb75a;}
.HH {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.HH img {width:100%;height:auto;}
.HHH {background:url(../img/hhh.png);width:352px;height:70px;line-height:80px;font-size:16px;font-weight:bold;color:#efb75a;text-indent:80px;overflow:hidden;margin-top:20px;}

#ToTop {width:70px;height:71px;display:block;cursor:pointer;position:fixed;right:20px;bottom:20px;display:none;}

.PlayBtn {display:none;}
.MinPlayBtn {width:40%;height:auto;display:block;margin:0 auto;margin-top:2rem;cursor:pointer;}
.MinPlayBtn img {width:100%;height:auto;}

.footer {display:none;}
}	



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

body {background:url(../img/bg2.jpg) top center no-repeat #1a1a1a;}

.Center {background:url(../img/content_bg.png) no-repeat;background-size:100% 100%;width:1100px;min-height:100%;overflow:hidden;padding-bottom:100px;margin:0 auto;}

.BtnBox {width:100%;height:auto;overflow:hidden;}
.BtnBox a {width:200px;height:55px;display:block;float:left;cursor:pointer;margin-left:60px;margin-top:30px;}
.BtnBox a img {display:none;}
.Btn1 {background:url(../img/tab-a-1-off.jpg);}
.Btn1.on {background:url(../img/tab-a-1-on.jpg);}
.Btn1:hover {background:url(../img/tab-a-1-on.jpg);}
.Btn2 {background:url(../img/tab-a-2-off.jpg);}
.Btn2.on {background:url(../img/tab-a-2-on.jpg);}
.Btn2:hover {background:url(../img/tab-a-2-on.jpg);}
.Btn3 {background:url(../img/tab-a-3-off.jpg);}
.Btn3.on {background:url(../img/tab-a-3-on.jpg);}
.Btn3:hover {background:url(../img/tab-a-3-on.jpg);}
.Btn4 {background:url(../img/tab-a-4-off.jpg);}
.Btn4.on {background:url(../img/tab-a-4-on.jpg);}
.Btn4:hover {background:url(../img/tab-a-4-on.jpg);}

.Btn5 {background:url(../img/tab-a-5-off.jpg);}
.Btn5.on {background:url(../img/tab-a-5-on.jpg);}
.Btn5:hover {background:url(../img/tab-a-5-on.jpg);}

.Btn6 {background:url(../img/tab-a-6-off.jpg);}
.Btn6.on {background:url(../img/tab-a-6-on.jpg);}
.Btn6:hover {background:url(../img/tab-a-6-on.jpg);}

.Btn7 {background:url(../img/tab-a-7-off.jpg);}
.Btn7.on {background:url(../img/tab-a-7-on.jpg);}
.Btn7:hover {background:url(../img/tab-a-7-on.jpg);}

.Btn8 {background:url(../img/tab-a-8-off.jpg);}
.Btn8.on {background:url(../img/tab-a-8-on.jpg);}
.Btn8:hover {background:url(../img/tab-a-8-on.jpg);}

.Btn9 {background:url(../img/tab-a-9-off.jpg);margin-left:450px !important;}
.Btn9.on {background:url(../img/tab-a-9-on.jpg);}
.Btn9:hover {background:url(../img/tab-a-9-on.jpg);}

.FBtnBox {width:480px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
.FBtnBox a {width:159px;height:54px;display:block;float:left;cursor:pointer;margin-left:55px;margin-top:10px;}
.FBtnBox a img {display:none;}

.FBtn1 {background:url(../img/fb1-off.png);}
.FBtn1.on {background:url(../img/fb1-on.png);}
.FBtn1:hover {background:url(../img/fb1-on.png);}
.FBtn2 {background:url(../img/fb2-off.png);}
.FBtn2.on {background:url(../img/fb2-on.png);}
.FBtn2:hover {background:url(../img/fb2-on.png);}

.FB {width:100%;height:auto;overflow:hidden;display:none;}
.FB.on {display:block;}

.Txt {width:100%;height:auto;overflow:hidden;display:none;font-size:16px;line-height:40px;display:none;color:#fff;padding:40px;}
.Txt.on {display:block;}
.Txt span {color:#efb75a;}
.HH {width:1028px;height:auto;overflow:hidden;margin:0 auto;margin-top:30px;}
.HHH {background:url(../img/hhh.png);width:352px;height:70px;line-height:80px;font-size:16px;font-weight:bold;color:#efb75a;text-indent:80px;overflow:hidden;margin-top:20px;}

#ToTop {width:70px;height:71px;display:block;cursor:pointer;position:fixed;right:20px;bottom:20px;display:none;}

table {width:90%;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
table th {border:1px solid #efb75a;line-height:40px;color:#efb75a;font-size:15px;text-align:center;}
table td {border:1px solid #efb75a;line-height:40px;color:#efb75a;font-size:15px;text-align:center;}

.modal-dialog {width:1200px;}
.modal-body {background:#fff8e8;font-size:15px;line-height:30px;color:#6d3a30;}
.modal-body span {color:#c3a475;}
#my-video {width:700px;height:510px;margin:0 auto;}
#my-video1 {width:700px;height:510px;margin:0 auto;}
#my-video2 {width:700px;height:510px;margin:0 auto;}
#my-video3 {width:700px;height:510px;margin:0 auto;}
#my-video4 {width:700px;height:510px;margin:0 auto;}
#VideoBox {width:750px !important;background:#000 !important;}
.MinPlayBtn {display:none;}
.PlayBtn {width:350px;height:54px;display:block;cursor:pointer;margin:0 auto;margin-top:20px;}

}


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

body {background:url(../img/bg2.jpg) top center no-repeat #1a1a1a; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}


}