@charset "utf-8";
/* CSS Document */
html,body {	height: auto;min-width: 1400px;	padding: 0;	margin: 0 auto;	font-size: 14px;
font-family: "microsoft yahei","arial";
color: #fff;	line-height: 150%;	text-align: center; background-color: #0f0f0f;
-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,button,input{ outline: none; }
input,textarea {font-family: "microsoft yahei","arial"; color: #000; padding: 0;}
input:-webkit-autofill {  -webkit-text-fill-color: #ffffff !important;
  caret-color: white;
  transition: background-color 0s linear 3600s;
}
ul,li {	list-style: none;	padding: 0;	margin: 0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}
a {	text-decoration: none;
	color: #fff;}
a:hover {	color: #eee;
	text-decoration: none;
}
a img {	border: 0;}
.wrap { min-height: 100vh; min-width: 1400px; background:#0c070d center 0 no-repeat;}

.headerW { padding: 2px 0 0;}
.header { position: relative; z-index: 0; margin: 0 auto; width: 1400px; text-align: left; }
.header:after {	display: block;	content: "";clear: both; }
.header .logo { position: absolute; left: 0; top: -8px; }
.header .logo img { width: 264px; height: auto;	}
.navW {}
.nav {height: 83px; margin-left: 148px; padding-left: 148px; 
background: rgba(0, 0, 0, 0.55)}
.nav ul { padding-top: 10px; line-height: 65px; font-size: 16px;}
.nav ul::after { clear: both; content: ""; display: block;}
.nav ul li { float: left; padding: 0 0.1em;}
.nav ul li a {padding: 0 0.6em; font-weight: bold;
background-image: linear-gradient(0deg,#e3ab27,#fded95);
            -webkit-background-clip:text;
            color: transparent;
			}
.nav ul li a:hover {background-color: #bf0000;}

.footer { min-width:1400px; background-color: #000; color: #fff; font-size: 12px; margin-top: 2em; padding: 2.4em 0;}
.footer .picList { margin: 1em auto; max-width: 980px;}
.footer .picList ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;}
.footer .picList li { width: 24%; max-width: 240px; margin: 0 2px;}
.footer .picList li .pic { display: block; padding-top: 62.5%; height: 0; overflow: hidden;
background: center center no-repeat; background-size:cover;}

.maing { width: 1400px; margin: 0 auto; }
.maing::after { clear: both; display: block; content: "";}
.maing .maingL { float: left; width: 29%;margin-top:1.6em;height: 420px;}
.maing .maingR { float: right; width: 70.6%;margin-top:1.6em;height: 420px;}

.boxgg { border: 1px solid #945e01; height: 100%; position: relative; z-index: 0; text-align: left; overflow: hidden;
background:#241410; line-height: 1.8em;
filter:Alpha(opacity=55);
background: rgba(36, 20, 16, 0.55);}
.boxgg .tit { position: absolute; left: 0; top: 0; right: 0; margin: 0 1em; padding-top: 1em; color: #f8b700; font-weight: bold;}
.boxgg .list { margin: 3em 0.2em 1em 1em; height: 420px; overflow-y: auto; overflow-x: hidden !important;  }
.boxgg .list ul { margin-right: 0.8em;}
.boxgg .list li {}
.boxgg .list .title { color: #f8b700;}
.boxgg .list .intro { color: #b9aa83;}

.boxvi { border: 1px solid #3d3d3c; height: 100%;
background:#000;
filter:Alpha(opacity=55);
background: rgba(0, 0, 0, 0.55);}

.boxvi .conb { float: left; width: 64.5%;height: 100%; position: relative; z-index: 0;
}
.boxvi .con { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: 0em 0em 0em 0em;  overflow: hidden;display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap; align-items: center; justify-content: center;}
.boxvi .side { float:  right; width: 35.5%; padding-top:1.5em;}
.boxvi .side ul { margin:0 1.2em;}
.boxvi .side li { cursor: pointer; margin-top: 0.4em;  border: 1px solid #5a5a59; background-color: #1c1c1c;
 padding: 0.5em 0.5em; text-align: left; color: #938787; line-height: 1.7em; }
.boxvi .side li.cur { background-color: #2d0b07; color: #fae4a9;}

.claTab {width: 1400px; margin: 0 auto; padding:2.3em 0 2em;}
.claTab .item { cursor: pointer; display: inline-block; margin-top: 0.4em; width: 217px; height: 55px; font-size: 16px;
background: url(../imgs/btn1.png) center center no-repeat; background-size:100% 100%;
color: #fae4a9; line-height: 55px; font-weight: bold;
-moz-text-shadow:0px 3px 3px rgba(0, 0, 0, .5);
-webkit-text-shadow:0px 3px 3px rgba(0, 0, 0, .5);
text-shadow:0px 3px 3px rgba(0, 0, 0, .5);}
.claTab .item.cur { background-image: url(../imgs/btn12.png);}
.claTab .item span,.claTab .item img { vertical-align: middle;}

.main { width: 1400px; margin: 0 auto; position: relative; z-index: 0;}
.main .mainL { margin-right: 222px;}
.main .mainR { position: absolute; top: 0; right: 0; width:214px;margin-top:5px;}

.serFixed { position: fixed; top: 0; right: 50%; margin-right: -700px;}
.servBox {  color: #d4905b; line-height: 1.1em; text-align: left; }
.servCon {border: 1px solid #504137; padding: 8% 2px 8% 10px;
background:#47120a;
filter:Alpha(opacity=50);
background: rgba(71, 18, 10, 0.5)}
.servCon .box {  padding: 5px 0;}
.servCon .box2 { line-height: 2em;  padding: 5px 0; color: #e2b828; font-weight: bold;}
.servCon .box3 { line-height: 1.8em;  padding: 5px 0; color: #e2b828;}
.servCon .box4 { line-height:1.6em;  padding: 5px 0; color: #feeccd;}
.servCon .box5 { line-height:1.6em;  padding: 5px 0; color: #bb743e;}
.servCon span,.servCon img { vertical-align: middle;}

.conz {}
.conz .con { display: none;}
.conz .con:nth-child(1) { display: block}
.bpiclist{}
.bpiclist::after  { display: block; content: ""; clear: both;	}
.bpiclist .item { float: left; width: 50%; text-align: left; line-height: 1.7em;}
.bpiclist .itemb { position: relative; z-index: 0; margin:10px;  color: #868585;
background:#211510; border: 1px solid #504137;
overflow:hidden;
}
.bpiclist .item .picb { float: left; width: 190px; height: 190px; margin-right: 1em;border-right: 1px solid #504137;}
.bpiclist .item .picb .pic { width: 100%; padding-top: 100%; height: 0; overflow: hidden;
 background: center center no-repeat; background-size:cover;}
.bpiclist .item .txtb { margin-right: 1.4em; padding-top: 0.9em;}
.bpiclist .item h3 { font-size: 18px; line-height: 1.7em; height:1.7em; color: #ff0000;overflow:hidden;
text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}
.bpiclist .item li.buy { font-size: 12px; margin-top: 0.3em; height:1.7em; color: #f8b700;font-weight: bold;
overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}
.bpiclist .item li.intro{ margin-top: 0.3em; color: #f8a80a; font-size: 14px; font-weight: bold; line-height: 1.6em;
	height:4.8em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;}
.bpiclist .btnW { margin: 0.7em -0.6em 0 -0.2em; text-align: left;}
.bpiclist .btn1,.bpiclist .btn2,.bpiclist .btn3 {cursor: pointer; display: inline-block; width: 114px; height: 35px; 
background:url(../imgs/btn2.png) center center no-repeat; background-size:100% 100%; font-weight: bold;
color: #fae4a9; line-height: 35px;  cursor: pointer;  text-align: center;
-moz-text-shadow:0px 3px 3px rgba(0, 0, 0, .5);
-webkit-text-shadow:0px 3px 3px rgba(0, 0, 0, .5);
text-shadow:0px 3px 3px rgba(0, 0, 0, .5);}

.bpiclist .item .line{
	position: absolute;
	display: block;
}
.bpiclist .item .line:nth-child(2){
	height: 2px;
	width:570px;
	top:0px;
	left:-570px;
	background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
	animation: span1 2s linear infinite;
	animation-delay: .6s;
}

@keyframes span1{
	0%{
		left:-570px
	}
	100%{
		left:570px;
	}
}
.bpiclist .item .line:nth-child(3){
	height: 192px;
	width: 2px;
	top:-192px;
	right:0px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	animation: span2 2s linear infinite;
	animation-delay: 1.6s;
}
@keyframes span2{
	0%{
		top:-192px;
	}
	100%{
		top:192px;
	}
}
.bpiclist .item .line:nth-child(4){
	height:2px;
	width:570px;
	right:-570px;
	bottom: 0px;
	background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	animation: span3 2s linear infinite;
	animation-delay: 2.6s;
}
@keyframes span3{
	0%{
		right:-570px;
	}
	100%{
		right: 570px;
	}
}

.bpiclist .item .line:nth-child(5){
	height:192px;
	width:2px;
	bottom:-192px;
	left:0px;
	background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
	border-top-right-radius: 1px;
	border-top-left-radius: 1px;
	animation: span4 2s linear infinite;
	animation-delay: 3.6s;
}
@keyframes span4{
	0%{
		bottom: -192px;
	}
	100%{
		bottom:192px;
	}
}

.mainiW { padding: 1.6em 1em 0;}
.maini { width: 1400px; margin: 0 auto; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap; align-items: stretch; justify-content: space-between;}
.maini .mainiL { width: 78%;margin-top:1.6em;
border: 1px solid #3d3d3c;
background:#000;
filter:Alpha(opacity=55);
background: rgba(0, 0, 0, 0.55);}
.maini .mainiR {width: 21%;margin-top:1.6em;
 border: 1px solid #3d3d3c; 
background:#000;
filter:Alpha(opacity=55);
background: rgba(0, 0, 0, 0.55);} 

.maini .detailBox { padding: 2em; color: #ebdec2; text-align: left;}
.maini .detailBox h1 { line-height: 1.6em; padding-bottom: 0.3em; text-align: left; border-bottom: 1px solid #666;}
.maini .detailBox .content { font-size: 16px; line-height: 2em; margin-top:1.4em; overflow: hidden;}
.maini .detailBox .content img { max-width: 100%; height: auto;}
.maini .detailBox .pageBox { line-height: 2em; color: #999;border-top: 1px solid #444; margin-top: 1em; padding-top: 1em;}
.maini .detailBox .pageBox a {color: #999;}
.maini .detailBox .pageBox a:hover {color: #ccc;}

.maini .detailBox .btnW { float: right; margin: 0.6em 0 0 1em; text-align: left;}
.maini .detailBox .btn1,.maini .detailBox .btn2,.maini .detailBox .btn3 {cursor: pointer; display: inline-block; width: 105px; height: 36px; 
background:url(../imgs/btn2.png) center center no-repeat; background-size:100% 100%; font-weight: bold;
color: #fae4a9; line-height: 36px;  cursor: pointer;  text-align: center;
-moz-text-shadow:0px 3px 3px rgba(0, 0, 0, .5);
-webkit-text-shadow:0px 3px 3px rgba(0, 0, 0, .5);
text-shadow:0px 3px 3px rgba(0, 0, 0, .5);}

.maini .side { padding: 1.2em 2em 2em;color: #b9aa83;}
.maini .side li { margin-top: 0.8em; line-height: 1.5em; text-align: left;}
.maini .side a {color: #999;}
.maini .side a:hover {color: #ccc;}

@media only screen and (max-width:1420px) {
.serFixed {right: 0; margin-right: auto;}
}