* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft Yahei";
	color: #001b1c;
}

a,
a:hover {
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

i {
	font-style: normal
}

.null-tr {
	width: 100%;
	height: 30px;
	overflow: hidden;
}

.null-15 {
	width: 100%;
	height: 15px;
	overflow: hidden
}

.clear {
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
	clear: both;
}

/*****************************/
bodybg {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #1c0101 url(../images/body-bg.jpg) repeat-y center top;
}

.head-box {
	width: 100%;
	height: 150px;
	background: #1c0101 url('../images/head-bg.jpg') center no-repeat;
	margin: 0 auto;
}

/**************************/
.bannerbg {
	background: #1c0101;
}

.banner {
	background: #1c0101;
	width: 100%;
	max-width: 1920px;
	height: 656px;
	margin: 0 auto;
	overflow: hidden;
}

/******************************************************************************/

//.body-box{ width:100%; height:auto; background:#1c0101 url(../images/body-bg.jpg) repeat-y center top;}
.body-box {
	/* width: 100%;
	height: auto; */
	/* background: #1c0101 url(../images/body-bg.jpg) repeat-y center top / cover; */
}

.top-one {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
	z-index: 9999;
	background: #000;
	font-weight: 500;
	font-size: 14px;
	color: #959595 !important;
}

.top-box {
	width: 1200px;
	height: 40px;
	margin: 0 auto;
}

.top-one-left {
	width: 35%;
	height: 40px;
	line-height: 40px;
	float: left;
}

.top-one-left span {
	float: left;
	display: inline-block
}

.top-one-left span img {
	margin-right: 10px;
}

.top-one-left a,
.top-one-left a:hover,
.top-one-right span a,
.top-one-right span a:hover {
	color: #959595 !important;
}

.top-one-right {
	width: 65%;
	height: 40px;
	float: right;
}

.top-one-right span {
	padding: 0 5px;
	float: right;
}

.xz-bb {
	padding: 0 15px;
	cursor: pointer;
	position: relative
}

.xz-bb img {
	margin-left: 10px;
	float: right;
	margin-top: 13px;
	width: 13px;
	height: 13px;
}

.xz-bb:hover .ban-b {
	display: block
}

.ban-b {
	width: 180px;
	height: auto;
	background: #fff;
	left: -30px;
	position: absolute;
	z-index: 99998;
	display: none;
	overflow: auto;
	max-height: 550px;
}

.ban-b a {
	width: 80%;
	height: 35px;
	line-height: 35px;
	display: block;
	text-align: left;
	margin: 0 auto;
	color: #959595 !important;
}

.ban-b a:hover {
	color: #959595 !important;
}

.fa-black {
	height: 40px;
	line-height: 40px !important;
	margin-right: 10px;
	display: inline-block
}

.ash-color {
	color: #787878 !important;
	margin-left: 5%;
}

.org-color {
	color: #959595
}

.top-ewm {
	display: none;
	background: #fff;
	color: red;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	position: absolute;
	top: 40px;
	left: -20px;
}

.top-ewm img {
	width: 120px;
	height: 120px;
	border: 5px solid #fff;
}

.gz-wx:hover .top-ewm {
	display: block
}

.f-p {
	cursor: pointer;
	display: block
}

/***************************************/
.head-menu {
	width: 1250px;
	height: 150px;
	margin: 0 auto;
}

.menu-logo {
	float: left;
	height: 150px
}

/*.menu-logo img{ margin-top:10px;}*/
.nav-icon {
	background: url('../images/nav-icon.png') no-repeat;
	display: block;
	margin: 5px auto;
}

.nav-1 {
	width: 33px;
	height: 33px;
	background-position: -10px -8px;
}

.nav-2 {
	width: 33px;
	height: 33px;
	background-position: -55px -8px;
}

.nav-3 {
	width: 33px;
	height: 33px;
	background-position: -104px -8px;
}

.nav-4 {
	width: 33px;
	height: 33px;
	background-position: -148px -8px;
}

/*.nav-5{ width:33px; height:33px; background-position: -197px -8px;}*/
.nav-5 {
	width: 33px;
	height: 33px;
	background-position: -345px -8px;
}

.nav-6 {
	width: 33px;
	height: 33px;
	background-position: -248px -8px;
}

.nav-play {
	width: 33px;
	height: 33px;
	background-position: -300px -6px;
}

.nav {
	width: 870px;
	height: 150px;
	float: right;
}

.nav li {
	width: 135px;
	float: left;
	font-size: 16px;
	cursor: pointer
}

.nav li span {
	height: 35px;
	display: block;
	text-align: center;
}

.nav li span:first-child {
	font-size: 24px;
	margin-top: 35px;
	font-weight: 500;
	color: #fe7405;
}

.nav li span:last-child {
	color: #fe7405;
	font-weight: 700;
}

/*********************************************/
.footer {
	width: 100%;
	height: 176px;
	background: #000;
}

/*********************************************/
.body-box-div {
	width: 1298px;
	height: auto;
	margin: 0 auto;
}

/*********************************************/


.parent-for-first-two .ver-img {
	position: relative;
	display: inline-block;
}

.parent-for-first-two .ver-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* 宽度设置为100%，以覆盖整个容器 */
	height: 15%;
	/* 高度设置为100%，以覆盖整个容器 */
	background-image: url('../images/tj_bg.png');
	/* 这里是tj_bg.png的data-uri编码 */
	background-size: cover;
	z-index: 1;
	pointer-events: none;
}

/*********************************************/
.body-box-div ul li {
	width: 33.3%;
	height: 460px;
	float: left;
}

.ver-list {
	width: 320px;
	height: 360px;
	margin: 0 auto;
	position: relative
}

//.ver-img{ width:100%; height:206px; position: relative; cursor: pointer}
.ver-img {
	width: 100%;
	height: 206px;
	position: relative;
	cursor: pointer
}

.ver-img img {
	width: 100%;
	height: 206px;
	position: relative;
	cursor: pointer
}

//.ver-img:hover .ver-ewm{ display: block}
.ver-ewm {
	width: 100%;
	height: 206px;
	position: absolute;
	background: rgba(000, 000, 000, .5);
	display: none;
	margin-top: -210px
}

.ver-ewm .ewm {
	width: 200px;
	height: 147px;
	margin: 35px auto;
	z-index: 9999999999;
}

.ver-ewm .ewm span {
	width: 30px;
	height: 147px;
	text-align: center;
	display: inline-block;
	color: #fff;
	vertical-align: top;
	padding-top: 10px;
}

.ver-ewm .ewm span:nth-child(2) {
	width: 130px;
	padding-top: 0;
}

.ver-ewm .ewm span img {
	width: 110px;
	height: 110px;
	border: 10px solid #fff;
}

.ver-txt {
	width: 100%;
	height: 154px;
	background: url('../images/bbbg.jpg') no-repeat;
	color: #fe7405;
	overflow: hidden;
}

.ver-txt span {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 14px;
}

.ver-txt span:first-child {
	margin-top: 25px;
	height: 40px;
	font-size: 27px;
	font-weight: 700;
	margin-bottom: 5px;
}

.ver-txt span:last-child {
	margin-top: 5px;
	height: 40px;
}

.ver-txt span:last-child i {
	width: 100px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	border: 1px solid #fe7405
}

.ver-txt span:last-child a i {
	color: #fe7405
}

.ver-txt span:last-child a:hover i {
	color: #FFF
}

.vid-box {
	width: 70px;
	height: 70px;
	transform: rotate(45deg);
	background: #582102;
	position: absolute;
	top: 42%;
	left: 41%;
	z-index: 9
}

.vid-box .vid-bor {
	width: 58px;
	height: 58px;
	border: 1px solid #f8f0e1;
	margin: 5px;
}

.vid-bor i {
	width: 33px;
	height: 33px;
	display: block;
	color: #D3C2A4;
	margin: 12px;
	font-size: 45px;
	transform: rotate(-45deg) !important;
	animation: fadenum 3s infinite;
	-webkit-animation: fadenum 3s infinite;
	-moz-animation: fadenum 3s infinite;
	cursor: pointer
}

@-webkit-keyframes fadenum {

	/*设置内容由显示变为隐藏*/
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadenum {

	/*设置内容由显示变为隐藏*/
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadenum {

	/*设置内容由显示变为隐藏*/
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadenum {

	/*设置内容由显示变为隐藏*/
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.ver-bt {
	width: 374px;
	height: 60px;
	margin: 10px auto 0 auto;
	border: 2px solid rgba(254, 116, 5, 0.5)
}

.ver-bt span {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	background: url('../images/ver-bg.png') no-repeat center;
	display: block;
	text-align: center;
	color: #fe7405;
}

.ft-box {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.ft-logo {
	width: 309px;
	float: left;
	text-align: center;
	margin-top: 20px;
}

/*.ft-logo img{ margin-top:20px;}*/
.ft-txt {
	width: 800px;
	float: left;
}

.ft-txt li {
	width: 100%;
	line-height: 30px;
	color: #fff;
}

.ft-txt li:first-child {
	margin-top: 45px;
}

.ft-txt li a {
	color: #fff;
}

/***************************************************/
/* fullSlide */
.fullSlide {
	width: 100%;
	position: relative;
	height: 625px;
	background: #000;
}

.fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.fullSlide .bd ul {
	width: 100% !important;
}

.fullSlide .bd li {
	width: 100% !important;
	height: 625px;
	overflow: hidden;
	text-align: center;
}

.fullSlide .bd li a {
	display: block;
	height: 625px;
}

.fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
}

.fullSlide .hd ul {
	text-align: center;
}

.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 42px;
	height: 11px;
	margin: 1px;
	overflow: hidden;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	line-height: 999px;
}

.fullSlide .hd ul .on {
	background: #f00;
}

.fullSlide .prev,
.fullSlide .next {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -30px;
	left: 15%;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.fullSlide .next {
	left: auto;
	right: 15%;
	background-position: -6px -137px;
}

/*******************右浮动**************************/
/*******************右浮动**************************/
.float-left {
	width: 194px;
	height: auto;
	position: fixed;
	right: 50px;
	top: 13%;
	z-index: 999999;
	transition: all .3s ease !important;
	animation: floatDiv 2s forwards;
	-webkit-animation: floatDiv 2s forwards;
	-moz-animation: floatDiv 2s forwards;
}

.f-l-close {
	width: 23px;
	height: 91px;
	background: url(../images/f-l-c.png)no-repeat;
	position: absolute;
	left: -14px;
	top: 13%;
}

.float-left.close {
	right: -185px;
	transition: all .3s ease;
}

.close .f-l-close {
	width: 23px;
	height: 91px;
	background: url(../images/f-l-zk.png)no-repeat;
	position: absolute;
	left: -14px;
	top: 11%;
}

.float-left .top {
	width: 100%;
	height: 76px;
	background: url(../images/f-l-t.png) no-repeat;
}

.float-left .main {
	width: 100%;
	height: auto;
	background: url(../images/f-l-bg.png) repeat-y;
}

.float-left .main .main-box {
	width: 100%;
	height: auto;
	background: url(../images/f-l-b.png) no-repeat top;
	overflow: hidden;
}

.float-left .bt {
	width: 100%;
	height: 197px;
	background: url(../images/f-l-bt.png) no-repeat;
}

.wx-img img {
	border: 5px solid #fff;
}

.main-box li {
	width: 140px;
	height: 35px;
	margin: 0 auto;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
	background-image: -webkit-linear-gradient(bottom, rgb(240, 206, 0), rgb(210, 201, 146));
	-webkit-background-clip: text;
	color: transparent !important;
}

.main-box li span {
	display: block;
	float: left;
	margin-left: 10px;
}

.main-box li.span div {
	width: 90%;
	line-height: 30px;
	margin: 0 auto;
}

.main-box li.j-b {
	background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255));
	-webkit-background-clip: text;
	color: transparent !important;
}

.main-box li:first-child {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EDDB93;
	font-size: 18px;
}

.main-box li:last-child {
	height: 110px;
}

.main-box li:last-child img {
	width: 100px;
	height: 100px;
}

.main-box li a i {
	width: 100px;
	height: 25px;
	line-height: 25px;
	color: #EDDB93;
	display: block;
	margin: 0 auto;
	border: 1px solid #75674A;
}

.main-box li.wx {
	font-size: 18px !important;
}

/****************左浮动******************/

.f-r-box {
	width: 198px;
	height: auto;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 30%;
	transition: all .3s ease;
	animation: floatDiv 3s forwards;
	-webkit-animation: floatDiv 3s forwards;
	-moz-animation: floatDiv 3s forwards;
}

.f-r-box-close {
	width: 41px;
	height: 131px;
	background: url('../images/f-r-sub.png') no-repeat;
	position: absolute;
	right: -35px;
	top: 90px;
	z-index: 10
}

.close .f-r-box-close {
	background-position: -54px 0;
}

.f-r-box.close {
	left: -198px;
	transition: all .3s ease;
}

.f-r-body {
	width: 180px;
	height: auto;
	margin: 0 10px 0 0;
}

.f-r-body .title {
	width: 176px;
	height: 50px;
	line-height: 50px;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255));
	-webkit-background-clip: text;
	color: transparent !important;
}

.f-r-body .main {
	width: 176px;
	height: auto;
	float: right;
	margin: 0 auto;
	text-align: center;
}

.f-r-body .main span {
	margin: 8px auto;
	border-radius: 5px;
	padding: 2px 10px;
	display: inline-block;
	color: #FFF;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer
}

.f-r-body .main span.active,
.f-r-body .main span:hover {
	background: #582102;
	color: #FFF;
	border: 1px solid #582102;
}

.f-r-bot-top {
	width: 100%;
	height: 80px;
	background: url('../images/f-r-box-top.png') no-repeat
}

.f-r-bot-top .title {
	width: 176px;
	height: 80px;
	line-height: 110px;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255));
	-webkit-background-clip: text;
	color: transparent !important;
}

.f-r-bot-bg {
	width: 100%;
	height: auto;
	background: url('../images/f-r-box-bg.png') repeat-y
}

.f-r-bot-bt {
	width: 100%;
	height: 79px;
	margin-top: -40px;
	background: url('../images/f-r-box-bt.png') no-repeat
}

/*****************视频框********************/
.alert-vid {
	position: fixed;
	top: 20%;
	left: 27%;
	width: 800px;
	height: 520px;
	border: 5px solid #C9984A;
	background: #000;
	z-index: 9999;
	display: none;
	animation: floatDiv 1s forwards;
	-webkit-animation: floatDiv 1s forwards;
	-moz-animation: floatDiv 1s forwards;
}

.alert-vid .close {
	width: 56px;
	height: 56px;
	background: url('../images/close.png') no-repeat;
	position: absolute;
	right: -70px;
	top: -35px;
}

.alert-int {
	width: 52px;
	height: 36px;
	background: url('../images/alert-int.png') no-repeat;
	position: absolute;
	z-index: 999;
}

.alert-int-l-t {
	background-position: 0 -4px;
	left: -15px;
	top: -17px;
}

.alert-int-l-b {
	background-position: 0 -67px;
	left: -18px;
	bottom: -18px;
}

.alert-int-r-t {
	background-position: -79px -4px;
	right: -15px;
	top: -17px
}

.alert-int-r-b {
	background-position: -79px -67px;
	right: -18px;
	bottom: -18px
}

.alert-vid video {
	margin: 5px;
}

/*****************弹出QQ群************************/
.alert-qq {
	width: 534px;
	height: auto;
	position: fixed;
	display: none;
	top: 33%;
	left: 35%;
	z-index: 99999999;
	transition: all .5s ease;
	animation: floatDiv .5s forwards;
	-webkit-animation: floatDiv .5s forwards;
	-moz-animation: floatDiv .5s forwards;
}

.alert-qq-close {
	position: absolute;
	top: -10px;
	right: -40px;
	cursor: pointer;
	z-index: 99999999999
}

.alert-qq-top {
	width: 534px;
	height: 60px;
}

.alert-qq-bg {
	width: 534px;
	min-height: 200px;
	background: url('../images/alert-qq-bg.png') repeat-y;
	position: relative
}

.alert-qq-dao {
	width: 294px;
	height: 327px;
	position: absolute;
	bottom: -60px;
	right: -150px;
}

.alert-qq-bt {
	width: 534px;
	height: 49px;
}

.alert-qq-bg-box {
	width: 460px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 111
}

.alert-qq-bg-box li {
	width: 30%;
	margin: 3% 1%;
	float: left;
	text-align: center;
	color: #fe7405
}

/*************************************************************/
@-webkit-keyframes floatDiv {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes floatDiv {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes floatDiv {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes floatDiv {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.about-box {
	width: 100%;
	min-height: 400px !important;
	height: auto;
	background: #000 !important;
}

.about-ban {
	height: auto !important;
}

.about-box-div {
	width: 1024px;
	height: 600px;
	z-index: 9999;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: -340px;
}

.about-box-div .left {
	width: 283px;
	float: left;
	text-align: center;
}

.about-box-div .left li {
	margin: 5px auto;
	cursor: pointer
}

.about-box-div .left li:first-child {
	margin-top: -4px;
}

.about-box-div .right {
	width: 725px;
	float: right
}

.about-box-div .right .title {
	width: 100%;
	height: 75px;
	background: url('../images/r-title.png') no-repeat
}

.about-box-div .right .title span {
	display: inline-block;
	padding: 0 20px;
	line-height: 75px;
	color: #D8C17A;
}

.about-box-div .right .title span:first-child {
	font-size: 24px;
}

.about-box-div .right .main {
	min-height: 580px;
	background: url('../images/r-body.png') repeat-y;
	overflow: hidden;
}

.about-box-div .right .main .main-div {
	width: 96%;
	color: #000;
	margin: 2% auto;
	line-height: 40px;
}

.us-ban {
	width: 100%;
	height: 1219px !important;
	background: #000 !important;
	position: relative
}

.us-box {
	width: 100%;
	height: auto;
	top: 33%;
	position: absolute
}

.ust-box-div {
	width: 1024px;
	margin: 0 auto;
}

.ust-box-div .left {
	width: 283px;
	float: left;
	text-align: center;
}

.ust-box-div .left li {
	margin: 5px auto;
	cursor: pointer
}

.ust-box-div .left li:first-child {
	margin-top: -4px;
}

.ust-box-div .right {
	width: 725px;
	float: right
}

.ust-box-div .right .title {
	width: 100%;
	height: 75px;
	background: url('../images/r-title.png') no-repeat
}

.ust-box-div .right .title span {
	display: inline-block;
	padding: 0 15px;
	text-align: center;
	line-height: 75px;
	color: #D8C17A;
}

.ust-box-div .right .title span:first-child {
	font-size: 24px;
}

.ust-box-div .right .main {
	min-height: 580px;
	background: url('../images/r-body.png') repeat-y;
	overflow: hidden;
}

.ust-box-div .right .main .main-div {
	width: 98%;
	color: #000;
	margin: 7% auto;
	line-height: 40px;
}

.ust-box-div .right .main .main-div li {
	width: 340px;
	height: 488px;
	background: red;
	margin: 0 6px;
	float: left;
}

.ust-box-div .right .main .main-div li:first-child {
	background: url('../images/us-box-us.png') no-repeat
}

.ust-box-div .right .main .main-div li:last-child {
	background: url('../images/us-box-qq.png') no-repeat
}

.ust-box-div .right .main .main-div li span {
	width: 80%;
	height: auto;
	color: #F8F2CC;
	display: block;
	margin: 0 auto;
}

.ust-box-div .right .main .main-div li span:first-child {
	margin-top: 60%;
}

.ust-box-div .right .main .main-div li span i {
	margin-right: 10px;
	font-size: 24px;
}

.down-ban {
	width: 100%;
	height: 1016px !important;
	background: #000 !important;
	position: relative
}

/*.down-box{ width:100%; height:auto; top:26%; position: absolute}*/
.down-box {
	width: 100%;
	height: auto;
	top: 26%;
	margin-top: -750px;
	position: relative;
	z-index: 999999
}

.down-box-div {
	width: 1024px;
	margin: 0 auto;
}

.down-box-div .left {
	width: 283px;
	float: left;
	text-align: center;
}

.down-box-div .left li {
	margin: 5px auto;
	cursor: pointer
}

.down-box-div .left li:first-child {
	margin-top: -4px;
}

.down-box-div .right {
	width: 725px;
	float: right
}

.down-box-div .right .title {
	width: 100%;
	height: 75px;
	background: url('../images/r-title.png') no-repeat
}

.down-box-div .right .title span {
	display: inline-block;
	padding: 0 15px;
	text-align: center;
	line-height: 75px;
	color: #D8C17A;
}

.down-box-div .right .title span:first-child {
	font-size: 24px;
}

.down-box-div .right .main {
	min-height: 580px;
	background: url('../images/r-body.png') repeat-y;
	overflow: hidden;
}

.down-box-div .right .main .main-div {
	width: 98%;
	color: #000;
	margin: 7% auto;
	line-height: 40px;
}

.down-box-div .right .main .main-div li {
	width: 340px;
	height: 488px;
	background: red;
	margin: 0 6px;
	float: left;
}

.down-box-div .right .main .main-div li:first-child {
	background: url('../images/us-box-us.png') no-repeat
}

.down-box-div .right .main .main-div li:last-child {
	background: url('../images/us-box-qq.png') no-repeat
}

.down-box-div .right .main .main-div li span {
	width: 80%;
	height: auto;
	color: #F8F2CC;
	display: block;
	margin: 0 auto;
}

.down-box-div .right .main .main-div li span:first-child {
	margin-top: 60%;
}

.down-box-div .right .main .main-div li span i {
	margin-right: 10px;
	font-size: 24px;
}

.down-main-box {
	margin-top: 20px;
}

.down-main-box>div {
	width: 100px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	margin: 0 10px;
	float: left;
	background: #FEECB3;
	color: #744C2B;
	cursor: pointer
}

.down-main-box>div.active {
	background: #744C2B;
	color: #FBEA9D;
}

.down-main-li {
	width: 100%;
	height: 110px;
	border-bottom: 1px dashed #744C2B;
	cursor: pointer
}

.down-main-li:hover {
	background: rgba(255, 255, 255, .5)
}

.down-main-li>div {
	float: left;
}

.li-1 {
	width: 60%;
	float: left;
}

.li-1 span {
	display: block;
	width: 80%;
	margin-left: 20px;
	color: #744C2B;
}

.li-1 span:first-child {
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	margin-top: 8px;
}

.li-2 {
	width: 20%;
	float: left;
}

.li-2 img {
	margin-top: 18%;
}

.li-3 {
	width: 20%;
	float: left;
}

/*.li-3 img{ margin-top:25%;}*/
.li-3 span {
	width: 135px;
	height: 100px;
	margin-top: 5px;
	display: block;
	background: url('../images/wap-bg.png') no-repeat
}

.li-3 span i img {
	width: 90px;
	height: 90px;
	margin-top: 5px;
	margin-left: 5px;
}

.li-3 span i:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.down-list .down-tag {
	display: none;
}

/******************友情链接********************/
.more {
	width: 100%;
	height: 52px;
	margin: 24px auto 30px;
	text-align: center;
	cursor: pointer;
	background: url(../images/more_bg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.more-icon {
	position: absolute;
	top: 12px;
	left: 430px;
	animation: tb .6s infinite alternate;
}

@keyframes tb {
	0% {
		top: 12px;
	}

	100% {
		top: 8px;
	}
}

.link-main {
	width: 1180px;
	height: auto;
	margin: 0 auto;
}

.link-title {
	width: 100%;
	height: 45px;
	margin-top: 20px;
	text-align: center;
}

.link-title span {
	width: 667px;
	height: 45px;
	font-size: 35px;
	font-weight: 700;
	color: #fe7405;
	background: url('../images/link-title.png') no-repeat;
	txt-align: center;
}

.link-link {
	width: 100%;
}

.link-main .link-link {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px auto;
}

.link-link li {
	width: 200px;
	height: 80px;
	float: left;
	margin-bottom: 15px;
	text-align: center;
	cursor: pointer
}

.link-link li img {
	margin: 10px auto 20px auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.link-link li:hover img {
	margin: 10px auto 20px auto;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}

/*********************分页**************************/

.page-count {
	width: 100%;
	height: 60px;
	margin: 18px auto;
	text-align: center;
	padding-left: 20px;
}

.page-count span {
	padding: 2px 7px;
	border: 1px solid #744C2B;
	color: #744C2B;
	text-align: center;
	margin-top: 15px;
	cursor: pointer
}

/*.page-count span.active{ background:#754308; color:#fff;}*/
/*.page-count span:last-child{ border:none;}*/
#page {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#page li {
	float: left;
	margin-right: 5px;
	line-height: 25px;
}

#page li .page {
	padding: 2px 7px;
	border: 1px solid #744C2B;
	color: #744C2B;
	text-align: center;
	margin-top: 15px;
	cursor: pointer
}

#page li.active .page {
	background: #754308;
	color: #fff;
	padding: 2px 7px;
	border: 1px solid #744C2B;
	text-align: center;
	cursor: pointer
}

.page-btn span {
	display: inline-block;
	border: 1px solid #754308;
	padding: 0 5px;
	height: 29px;
}

.page-btn-disble span {
	display: inline-block;
	padding: 0 5px;
	height: 29px;
	border: 1px solid #959595;
}

/*********************************/
/* new */
.int {
	width: 37px;
	height: 32px;
	background: url('../images/new_bg.png') no-repeat;
	background-size: 148px 32px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
}

/* 火 */
.hot {
	width: 50px;
	height: 60px;
	background: url(../images/hot_bg.png) no-repeat;
	background-size: 250px 60px;
	background-position-x: -50px;
	position: absolute;
	right: -15px;
	top: -20px;
	z-index: 999;
}

.hot_bg,
.int_bg {
	width: 100%;
	height: 100%;
}

.hot_bg {
	background: url(../images/hot_bg.png) no-repeat;
	background-size: 250px 60px;
}

.int_bg {
	background: url(../images/new_bg.png) no-repeat;
	background-size: 148px 32px;
}

.complaint-ban {
	width: 100%;
	height: auto;
	background-image: url('../images/complaint.jpg');
	background-repeat: no-repeat;
	background-color: #160c0d;
}

.complaint-box-div {
	margin-top: 500px;
}

.complaint-box {
	width: 90%;
	margin: 0 auto;
}

.comp-li {
	width: 50%;
	float: left
}

.comp-li span {
	display: block;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #a91917;
	text-indent: 1em
}

.comp-li select {
	width: 90%;
	margin: 0 auto;
	height: 45px;
	background: #b0946c;
	font-size: 16px;
	text-indent: 1em;
	color: #562509;
	border-radius: 8px;
	outline: none;
	border: none;
}

.comp-li select>option {
	outline: none;
	text-indent: 1em;
	height: 35px;
	line-height: 35px;
	border: none;
}

.comp-li textarea {
	border: 1px solid #b1a38a;
	background: #c9b594;
	width: 90%;
	height: 100px;
	line-height: 33px;
	border-radius: 8px;
	text-indent: 1px;
	text-align: left;
	outline: none;
	padding: 5px;
	color: #95785d;
	font-size: 14px;
}

.comp-li input {
	width: 90%;
	text-indent: 1em;
	border-radius: 8px;
	border: 1px solid #b1a38a;
	background: #c9b594;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	outline: none;
}

.upload-box {
	width: 97%;
	height: auto;
	margin: 20px 0;
	border: 1px dashed #c8ad8e;
}

.upload-box .left {
	width: 30%;
	height: 100px;
	float: left;
}

.upload-box .left span {
	color: #3d1603
}

.upload-box .left span:first-child {
	color: #ab1917;
	margin-top: 40px;
}

.upload-box .right {
	width: 70%;
	height: auto;
	float: right;
}

.button-tr {
	width: 100%;
	height: 60px;
	margin: 30px auto;
	text-align: center
}

.button-tr input[type=button] {
	width: 60%;
	height: 50px;
	line-height: 50px;
	outline: none;
	border-radius: 8px;
	color: #d1bda0;
	font-size: 16px;
	margin: 0 auto !important;
	border: none;
	background: #863d18;
}

/**********************投诉查询*******************************/
.query-main-li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #744C2B;
	cursor: pointer;
}

.query-main-li li {
	float: left;
}

.query_orderid {
	width: 30%;
	float: left;
	color: #000;
}

.query_title {
	width: 50%;
	float: left;
	display: block;
	color: #000;
}

.query_status {
	width: 10%;
	float: left;
	color: #000;
}

.query_admin {
	width: 10%;
	float: left;
}

.query_admin a {
	color: #744C2B;
}

.wx {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 45px;
	background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255));
	-webkit-background-clip: text;
	color: transparent !important;
}

.wx-img {
	width: 100%;
	text-align: center;
}

.f-r-box {
	top: 20%;
}

.alert-qq {
	top: 23%;
}

.float-left {
	top: 5%;
}

.main-box li:last-child {
	height: auto;
}

/*********************************************************/
#news {
	width: 1182px;
	height: 353px;
	margin: 48px auto;
}

#news .l {
	width: 621px;
	height: 353px;
	float: left;
}

#news .l img {
	/*width: 100%;height: 100%;*/
	width: 621px;
	height: 353px;
}

#news .r {
	width: 560px;
	height: 353px;
	float: left;
	background: url(../images/newbg.jpg) no-repeat;
}

#news .tit {
	margin-left: 42px;
	position: relative;
	height: 60px;
	width: 495px;
	border-bottom: 1px solid #fe7405;
	margin-bottom: 5px;
}

#news .r h3 {
	color: #fe7405;
	font-size: 26px;
	line-height: 60px;
}

#news .r .c-btn {
	width: 69px;
	height: 22px;
	position: absolute;
	top: 26px;
	right: 0;
	cursor: pointer;
}

#news .r .c-btn:active {
	top: 27px;
	right: -1px;
}

#news .list-wrap {
	margin-left: 44px;
}

#news .list-wrap .tuijian {
	width: 494px;
	height: 28px;
	background: url(../images/tj_bg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-indent: 72px;
}

#news .list-wrap .tuijian a:link {
	color: #fe7405;
}

#news .list-wrap .tuijian a:hover {
	color: #fe7405;
}

#news .list-wrap .tuijian a:visited {
	color: #fe7405;
}

#news .list-wrap .tuijian a:link {
	color: #fe7405;
}

#news .list-wrap ul li {
	width: 462px;
	background: url(../images/li_bg.png) no-repeat;
	background-size: 10px 12px;
	background-position: 0 5px;
	text-indent: 22px;
	font-size: 14px;
	color: #fe7405;
	margin: 16px 0 22px 5px;
	position: relative;
}

#news .list-wrap ul li p {
	width: 370px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

#news .list-wrap ul li a:link {
	color: #fe7405;
}

#news .list-wrap ul li a:hover {
	color: #fe7405;
}

#news .list-wrap ul li a:visited {
	color: #fe7405;
}

#news .list-wrap ul li .date {
	position: absolute;
	top: 0;
	right: 0;
}


.gq-mask {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

.gray {
	width: 100%;
	height: 100%;
	background: rgba(000, 000, 000, .6);
}

.gq-mask .gq-img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -275px auto 0;
	width: 1350px;
	height: 550px;
	cursor: pointer;
}

.gq1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gq-btn {
	width: 104px;
	height: 104px;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
		left: 0;
		right: 0;
	}

	50% {
		opacity: 1;
		left: 0;
		right: 0;
	}
}