﻿body {background:#1c1916;font-family:"宋体";overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
input {outline:none;}

.modal-body {}
.modal-content {background:none !important;box-shadow:none !important;border:none !important;background-size:100% 100%;}

.ImgBox {width:100%;height:auto;overflow:hidden;margin-top:2rem;margin-bottom:1rem;text-align:center;font-size:14px;font-weight:bold;color:#ead69f;}
.ImgBox img {max-width:100%;height:auto;}

@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_bg1.jpg) center 0 no-repeat;
  background-size: cover;
}	

.Logo {width:40%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;display:block;}
.Logo img {width:100%;height:auto;}

.Slogan {width:100%;height:auto;overflow:hidden;margin-top:1rem;}
.Slogan img {width:100%;height:auto;}

.IndexBtn {display:none;}
.BtnBox {width:100%;height:auto;overflow:hidden;margin-top:2rem;margin-bottom:4rem;}
.BtnBox a {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.BtnBox a img {width:100%;height:auto;}

.modal-dialog {background:#000;}
.TxtTop {display:none;}
.Txt {background:#000;width:100%;height:auto;overflow:hidden;line-height:4rem;color:#fff;font-size:1.4rem;padding-bottom:4rem;}
.Txt span {color:#ead69f;}
.HH {width:100%;height:auto;overflow:hidden;text-align:center;}
.HH img {max-width:100%;height:auto;}
.CloseBtn {width:46px;height:46px;display:block;cursor:pointer;float:right;margin-right:1rem;margin-top:1rem;}

.FixBtn {width:70%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.FixBtn img {max-width:100%;height:auto;}

}	



@media screen and (min-width:768px){
	
body {background:url(../img/max_bg1.jpg) top center no-repeat #1a1a1a;}

.Slogan {display:none;}

.VideoBox {width:100%;height:1080px;}

.Logo {width:220px;height:auto;display:block;position:absolute;top:10px;left:10px;z-index:9;}
.Logo img {width:100%;height:auto;}

.IndexBtn {width:154px;height:auto;display:block;position:absolute;top:20px;right:20px;z-index:9;}

.BtnBox {background:url(../img/BtnBox.png) left center no-repeat;width:290px;height:594px;overflow:hidden;position:absolute;left:0px;top:100px;z-index:9;}
.BtnBox a {width:203px;height:51px;display:block;cursor:pointer;position:absolute;}
.BtnBox a img {display:none;}
.Btn1 {background:url(../img/tab1_off.png);position:absolute;left:0px;top:100px;} 
.Btn1:hover {background:url(../img/tab1_on.png);}
.Btn1.on {background:url(../img/tab1_on.png);} 
.Btn2 {background:url(../img/tab2_off.png);position:absolute;left:40px;top:180px;} 
.Btn2:hover {background:url(../img/tab2_on.png);}
.Btn2.on {background:url(../img/tab2_on.png);} 
.Btn3 {background:url(../img/tab3_off.png);position:absolute;left:70px;top:265px;} 
.Btn3:hover {background:url(../img/tab3_on.png);}
.Btn3.on {background:url(../img/tab3_on.png);}
.Btn4 {background:url(../img/tab4_off.png);position:absolute;left:40px;top:350px;}
.Btn4:hover {background:url(../img/tab4_on.png);}
.Btn4.on {background:url(../img/tab4_on.png);} 
.Btn5 {background:url(../img/tab5_off.png);position:absolute;left:0px;top:430px;} 
.Btn5:hover {background:url(../img/tab5_on.png);}
.Btn5.on {background:url(../img/tab5_on.png);} 

.modal-dialog {width:1100px;}

.TxtBg {width:1200px;height:auto;overflow:hidden;margin:0 auto;position:relative;}
.CloseBtn {width:46px;height:46px;display:block;cursor:pointer;position:absolute;right:40px;top:20px;}
.TxtTop {width:100%;height:auto;overflow:hidden;}
.TxtTop img {width:100%;height:auto;}
.Txt {background:url(../img/mid.png) repeat-y;width:100%;height:auto;overflow:hidden;line-height:40px;color:#fff;font-size:14px;background-size:100% 100%;padding-left:40px;padding-right:40px;}
.Txt span {color:#ead69f;}
.HH {width:100%;height:auto;overflow:hidden;text-align:center;}
.HH img {max-width:100%;height:auto;}

.FixBtn {background:url(../img/btn6_off.png);width:367px;height:105px;display:block;cursor:pointer;position:fixed;left:50%;bottom:20px;margin-left:-183px;}
.FixBtn img {display:none;}
.FixBtn:hover {background:url(../img/btn6_on.png);}

}


@media screen and (min-width:1600px){
	
body {background:url(../img/max_bg1.jpg) bottom center no-repeat #1a1a1a; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

}
