/*!

 * @since:2019/03/14.

 * @author:flyfly ~~~!

 * @Email:li13572463831@163.com ~~~!

 * @Copyright © 2019 hzgxr.com. All Rights Reserved.

 * @rule:采用大驼峰法命名.

 **/

 

/*项目主体样式*/

.menuScroll .header{

	display: none;

}

.wrap {

	width: 1200px;

	margin: 0 auto;

}



.ani {

	opacity: 0;

	-webkit-transition: all 1s 0.2s;

	-moz-transition: all 1s 0.2s;

	-ms-transition: all 1s 0.2s;

	transition: all 1s 0.2s;

}



.ani.ani-active {

	opacity: 1;

	-webkit-transform: translate(0, 0) scale(1, 1) !important;

	-moz-transform: translate(0, 0) scale(1, 1) !important;

	-ms-transform: translate(0, 0) scale(1, 1) !important;

	transform: translate(0, 0) scale(1, 1) !important;

}

/* top start */

#TopBox{

	width:100%;

	height:35px;

	background:#0d0c08;

	}

.TopTextL{

	font-size:13px;

	color:#eee;

	line-height:35px;

	}	

.TopRead{

	line-height:35px;

	height:35px;

	font-size:13px;

	margin-right:10px;

}	

.TopRead a{

	color:#fff;

	line-height:35px;

}

.TopRead a:hover{

	color: #c9a654;

}

.TopRead .iconfont{

	font-size:18px;

	margin-right:5px;

	display: inline-block;

	vertical-align: -3px;

}

/* header start */

.header {

	height: 120px;

	background: #fff;

	position: relative;

}

.header .logo {

	font-size: 0;

	line-height: 120px;

	text-align: center;

}



.header .logo a {

	display: inline-block;

	vertical-align: middle;

}



.header .logo img {

	display: inline-block;

	vertical-align: middle;

}



/* menu start */

.menuBg {

	height: 40px;

	background: #fff;

	position: relative;

	z-index: 9;

	

}



.menuBg.actives {

	position: fixed;

	left: 0;

	width: 100%;

	z-index: 200;

	top: 0;

	box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);

	

}



.menuBg.actives~.rnui-content {

	margin-top: 40px;

}



.menu {

	font-size: 0;

	text-align: center;

}



.menu .item {

	display: inline-block;

	margin: 0 60px;

}



.menu .name {

	display: block;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	position: relative;

}



.menu .active .name {

	color: #c9a654;

}



.menu .active .name:after {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	border-bottom: #c9a654 3px solid;

}



.menu .sub-box {

	position: absolute;

	left: 0;

	right: 0;

	top: 40px;

	background: #000;

	color: #999;

	padding: 40px 0;

	text-align: left;

	opacity: 0;

	visibility: hidden;

	display: none;

	transition: all .5s;

}



.menu .current .sub-box {

	opacity: 1;

	visibility: visible;

}



.menu .sub-box a {

	color: #999;

}



.menu .sub-box a:hover {

	color: #c6984b;

}



.menu .sub-menu {

	overflow: hidden;

}



.menu .sub-menu .itemsub {

	width: 300px;

	float: left;

	margin-right: 40px;

}



.menu .sub-menu .bts {

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	color: #fff;

}



.menu .sub-menu dl {

	overflow: hidden;

}



.menu .sub-menu dl dd {

	width: 33.33%;

	float: left;

	height: 28px;

	line-height: 28px;

	font-size: 12px;

}



.menu .sub-menu .thumb {

	width: 180px;

	height: 120px;

	background: #333;

	float: left;

	margin-right: 20px;

	padding: 3px;

}



.menu .sub-menu .thumb img {

	width: 180px;

	height: 120px;

}

/* banner start */

.mfocus .swiper-slide {

	width: 100%;

	height: 650px;

	position: relative;

	overflow: hidden;

}



.mfocus .swiper-slide img {

	position: absolute;

	left: 50%;

	margin-left: -960px;

}



.mfocus .swiper-pagination {

	bottom: 10px;

	

}



.mfocus .swiper-pagination-bullet {

	width: 60px;

    height: 4px;

   background: #fff;

	opacity: .75;

	border-radius: 0;

	transform: skewX(45deg);

}



.mfocus .swiper-pagination-bullet-active {



	width: 65px;

    background: #c9a654;

    opacity: .75;

}

/* about start */

.AboutBox{

	width:100%;

	height:auto;

}

/* title start */

.HomeTitle {

	margin-top:78px;

	height:30px;

}

.HomeTitle font{

	color:#202020;

	font-size:18px;

	font-weight:600;

}

.HomeTitle .Line{

	width:25px;

	height:1px;

	margin:15px 0px 0px 12px;

	background: #a8a8a8;

}

.AboutText{

	width:430px;

	margin:78px 0px 0px 30px;

}



.AboutText p{

	color:#898989;

	font-size:14px;

	line-height: 24px;

}

.AboutPicOne{

	width:180px;

	height:269px;

	background: #eee;

	margin-right:1px;

	overflow: hidden;

}

.AboutPicTwo{

	width:280px;

	height:320px;

	background: #eee;

	margin-top:-51px;

	position: relative;

	z-index: 89;

	overflow: hidden;

}

/* more start */

.MoreLink{

	width:100px;

	height:32px;

	text-align: center;

	line-height:32px;

	font-size:14px;

	color:#202020;

	display: block;	

	margin-top:35px;



}

.MoreLink a{

	display: block;

	width:100%;

	height:32px;

	border:1px solid #202020;

	border-radius: 16px;

}

.MoreLink a:hover{

	border:1px solid #c9a654;

	background: #c9a654;

	color:#fff;

	-webkit-transition: 0.5s ease-in-out; 

	-o-transition: 0.5s ease-in-out; 

	transition: 0.5s ease-in-out; 

}

.MoreLink a .iconfont{

	color:#202020;

	font-weight:600;

}

.MoreLink a:hover .iconfont{

	color:#fff;

}

.MoreLink .iconfont{

	font-size:12px;

}

/* ad start */

.AdBox{

	margin-top:35px;

	width:100%;

	height:auto;

}

.AdBox img{

	width:1200px;

	height:auto;

}

/* product start */

.ProductBox{

	width:100%;

	height:auto;

}

.ProductBox .HomeTitle{

	margin-top:40px;

}

.ProSub{

	margin-left:30px;

	margin-top:3px;

}

.ProSub a{

	font-size:14px;

	color:#898989;

	width:80px;

	display: block;

	text-align: center;

	float:left;



}

.ProSub a:hover{

 font-weight:600;

 color:#202020;

}

.ProSub a.active{

 font-weight:600;

 color:#202020;

}

.ProLstBox{

	width:100%;

	height:auto;

	margin-top:30px;



}

.ProLstBoxL{

	width:740px;

	height:520px;

	background: #eef8fa;

	position: relative;

	cursor: pointer;

}

.ProLstBoxL:hover{

	background: #ffdf53;

	-webkit-transition: 0.5s ease-in-out; 

	-o-transition: 0.5s ease-in-out; 

	transition: 0.5s ease-in-out; 

}

.ProLstBoxL .LstPic{

	width:299px;

	height:421px;

	background: #eee;

	position: absolute;

	top:50%;

	margin-top:-210px;

	left:50px;

	overflow:hidden;

}

.ProLstBoxL .FontStyle{

	font-size:80px;

	position: absolute;

	top:-32px;

	right:-13px;

	font-weight:bold;

	color:#fff;

	margin:0px;

	padding:0px;

}

.ProLstBoxL:hover .FontStyle{

   color:#eef8fa;

}

.PicSerIcon{

	width:50px;

	height:50px;

	background:rgba(0,0,0,.5);

	border-radius: 50%;

	position:absolute;

	left:50%;

	margin-left:-25px;

	text-align: center;

	color:#fff;

	font-size:18px;

	line-height:50px;

	bottom:-50px;

}

.ProLstBoxL:hover .PicSerIcon{

	top:50%;

	margin-top:-25px;

	-webkit-transition: 0.5s ease-in-out; 

	-o-transition: 0.5s ease-in-out; 

	transition: 0.5s ease-in-out;

}

.LstPicText{

	width:299px;

	height:421px;

	position: absolute;

	top:50%;

	margin-top:-210px;

	right:50px;

	overflow:hidden;

}

.LstPicText .MoreLink{

	margin:auto;

	-webkit-transition: 0.5s ease-in-out; 

	-o-transition: 0.5s ease-in-out; 

	transition: 0.5s ease-in-out;

}

.LstPicText .Desc{

	width:200px;

	height:160px;

	margin:auto;

	text-align: center;

	margin-top:115px;

}

.LstPicText .Desc .Spec{

	font-size:16px;

	color:#e5c94c;

}

.LstPicText .Desc .bt{

	font-size:18px;

	color:#202020;

	margin:10px 0;

}

.LstPicText .Desc .info{

	font-size:14px;

	color:#898989;

}

.ProLstBoxL:hover .LstPicText .Desc .Spec{

	color:#fff;

}

.ProLstBoxL:hover .LstPicText .MoreLink{

	-webkit-transform:translatey(-20px);

	 -moz-transform:translatey(-20px); 

	 -ms-transform:translatey(-20px); 

	 transform:translatey(-20px);



}

.ProLstBoxR{

	width:424px;

	height:520px;

}

.ProLstBoxR ul li{

	width:424px;

	height:245px;

	position: relative;

	cursor: pointer;

	background: #eef8fa;

}

.ProLstBoxR ul li:last-child{

	margin-top:30px;

}

.ProLstBoxR ul li:hover{

	background: #ffdf53;

	-webkit-transition: 0.5s ease-in-out; 

	-o-transition: 0.5s ease-in-out; 

	transition: 0.5s ease-in-out; 

}

.ProLstBoxR ul li .LstPic{

	width:150px;

	height:210px;

	background: #eee;

	position: absolute;

	top:50%;

	margin-top:-105px;

	left:20px;

	overflow:hidden;

}

.ProLstBoxR ul li .FontStyle{

	font-size:80px;

	position: absolute;

	top:-30px;

	right:0px;

	font-weight:bold;

	color:#fff;

	margin:0px;

	padding:0px;

}

.ProLstBoxR ul li:hover .FontStyle{

   color:#eef8fa;

}

.ProLstBoxR ul li:hover .PicSerIcon{

	top:50%;

	margin-top:-25px;

	-webkit-transition: 0.5s ease-in-out; 

	-o-transition: 0.5s ease-in-out; 

	transition: 0.5s ease-in-out;

}

.ProLstBoxR ul li .LstPicText1{

	width:200px;

	height:210px;

	position: absolute;

	right:20px;

}

.ProLstBoxR ul li .LstPicText1 .Desc{

	width:180px;

	margin:auto;

	text-align: center;

	margin-top:100px;

}

.ProLstBoxR ul li .LstPicText1 .Desc .bt{

	font-size:18px;

	color:#202020;

	margin:10px 0;

}

.ProLstBoxR ul li .LstPicText1 .Desc .info{

font-size:14px;

	color:#898989;

}

/* location start */

.LocationBox{

	width:100%;

	background: #f6f6f6;

}

.location {

	padding: 10px;

	line-height: 20px;

	color: #999;



}



.location a {

	color: #999;

	font-size:14px;

}



.location a:hover {

	color: #c6984b;

}

.location a.active{

	color: #c6984b;

}

/* nbanner start */

.WapBanner{

	display: none;

}

/* nbanner start */

.brand-content {

	font-size: 16px;

	line-height: 2;

	padding: 50px 60px 60px;

	border: #ebebeb 1px solid;

	margin-top: 40px;

}



.brand-content .bts {

	margin-top: 30px;

	font-size: 30px;

	color: #c6984b;

}

/* page start */



/* new start */

.news-bg {

	padding: 20px 0;

}

.nlist {

	width: 900px;

	margin: 0 auto;

}



.nlist .item {

	padding: 20px 0;

}



.nlist .tap {

	height: 200px;

	padding: 0 0 0 350px;

}



.nlist .imgbox {

	width: 300px;

	float: left;

	margin-left: -350px;

}



.nlist .imgbox img {

	width: 300px;

	height: 200px;

	border-radius: 10px;

}



.nlist .content {

	width: 100%;

	float: left;

}



.nlist .content .title {

	height: 64px;

	line-height: 34px;

	font-size: 20px;

	margin-top: 5px;

	font-weight:600;

	margin-bottom:15px;

	overflow:hidden;

}



.nlist .content .dsp {

	height: 60px;

	line-height: 20px;

	font-size: 14px;

	color: #999;

	overflow: hidden;

}



.nlist .info {

	width: 94px;

	height: 94px;

	float: right;

	margin-right: -114px;

	background: #c9a654;

	color: #fff;

	border-radius: 10px;

	text-align: center;

	background: rgba(198, 152, 75, .75);

	display: none;

}



.nlist .info .year {

	height: 24px;

	line-height: 24px;

	font-size: 14px;

	

}



.nlist .info .day {

	margin: 0 5px;

	height: 48px;

	line-height: 48px;

	color: #000;

	font-size: 18px;

	background: #fff;

	color: #999;

	border-radius: 5px;

}



.nlist .info .day .c5 {

	font-size: 36px;

	font-weight: bold;

}



.nlist .info .view {

	height: 22px;

	line-height: 22px;

	font-size: 12px;

}



.nlist .info .view .iconfont {

	display: inline-block;

	vertical-align: middle;

	margin: -2px 3px 0 0;

}



/* nshow start */

.newsShow {

	padding: 50px 80px;

	background: #FFF;

	border: #e6e6e6 1px solid;

	margin-top: 40px;

}



.newsShowHd {

	padding: 10px 0 0;

}



.newsShowHd .title {

	font-size: 20px;

	line-height: 1.5;

	font-weight: bold;

}



.newsShowHd .info {

	line-height: 24px;

	padding-top: 10px;

	color: #92999d;

}



.newsContent {

	font-size: 15px;

	line-height: 1.8;

	padding: 30px 0 0;

}

/* map start */

#allmap {

	height: 400px;

	margin-top: 20px;

}

.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }

.my-map .icon-cir { 

	height: 31px; 

	width: 28px; 

}

.my-map .icon-cir-red {

	 background-position: -11px -5px; 

	}

.amap-container{

	height: 100%;

}

/* footer start */

.BottomTopLine{

	/*border-top:1px solid #f1f1f1;*/

}

.footer {

	padding:0px 0px 40px 0;

	background:#0d0c08;

	color: #999999;

	

	position: relative;

	z-index: 3;

	margin-top: 40px;

}

.copyright {

	margin-top: 30px;

	line-height: 24px;

	text-align: left;

	font-size:14px;

}

.copyright a{

	color:#eee;

}

.copyright a:hover{

	color:#c9a654;

}

.FooterL{

	margin-top:30px;

}

.FooterR{

	width:306px;

	margin-top:60px;

}

.TelBox{

	margin:30px 90px 0px 40px;

}

.AddressBox{

	margin-top:30px;

}

.TelTitle,.AddTitle{

	font-size:14px;

	margin-bottom:10px;

}

.TelNum{

	font-size:16px;

	color:#eee;

	font-weight:600;

}

.AddressText{

	font-size:14px;

	color:#eee;

}

.FooterR ul li{

	float:left;

	width:33.33%;

}

.FooterR ul li a{

	color:#898989;

	font-size:14px;

	line-height:25px;

	padding:10px 0;

}

.FooterR ul li a:hover{

	color:#c9a654;

}

.copyright br {

	display: none;

}

.h-nav,

.tabBar {

	display: none;

}

/* lstpro start */

.goodsItem {

	height: 680px;

	margin-top: 40px;

	position: relative;

	

}

.goodsItem:hover .btn-box{

	-webkit-transform:translateX(10px); 

	-moz-transform:translateX(10px); 

	-ms-transform:translateX(10px); 

	transform:translateX(10px);

}

.goodsItem .bgimg {

	position: absolute;

	height: 100%;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	z-index: 1;

}



.goodsItem .thumb {

	left: 50%;

	height: 480px;

	position: absolute;

	margin-left: -640px;

	top: 50%;

	z-index: 2;

	transform: translateY(-50%);

	/* box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);

	border:5px solid #fff; */

	border-radius: 10px;



}



.goodsItem .thumb img {

	height: 100%;

}



.goodsItem .rbox {

	width: 600px;

	position: absolute;

	right: 50%;

	margin-right: -640px;

	z-index: 3;

	top: 80px;

	bottom: 80px;

}



.goodsItem .text {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	font-size: 0;

	text-align: center;

}



.goodsItem .text img {

	display: inline-block;

}



.goodsItem .btn-box {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	font-size: 0;

	cursor: pointer;

	-webkit-transition:all 0.5s; 

	-moz-transition:all 0.5s;

	 -ms-transition:all 0.5s; 

	 transition:all 0.5s;

}



.goodsItem .btns {

	display: inline-block;

	width: 240px;

	height: 96px;

	padding: 72px 0;

	font-size: 28px;

	line-height: 48px;

	text-align: center;

	background: #fff;

	border-radius: 240px;

	box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);

}



.goodsItem .btns .c5 {

	font-size: 22px;

}



.goodsItem.even .thumb {

	left: auto;

	right: 50%;

	margin-left: 0;

	margin-right: -640px;

}



.goodsItem.even .rbox {

	right: auto;

	left: 50%;

	margin-left: -640px;

	margin-right: 0;

}

/* prodetail */

.detail-info {

	width: 560px;

	float: right;

	margin-top: 30px;

}



.detail-info .title {

	font-size: 30px;

}



.detail-info .dsp {

	font-size: 18px;

	line-height: 30px;

	padding-bottom: 10px;

	border-bottom: #e6e6e6 1px solid;

	margin-bottom: 10px;

}



.detail-info .item {

	padding-left: 70px;

	line-height: 24px;

	font-size: 14px;

	color: #666;

	margin-bottom: 10px;

	overflow: hidden;

}



.detail-info .bt {

	float: left;

	margin-left: -70px;

	color: #000;

}



.detail-info .btn-box {

	margin-top: 20px;

	padding-left: 70px;

}



.detail-info .btn-box .btn {

	border: none;

	width: 180px;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	display: block;

	border-radius: 10px;

}



.detail-main {

	padding: 60px 100px;

	border: #e6e6e6 1px solid;

	margin-top: 30px;

}



.detail-main .bts {

	width: 240px;

	height: 60px;

	line-height: 60px;

	font-size: 30px;

	border: #000 1px solid;

	display: block;

	margin: 0 auto;

	text-align: center;

}



.detail-main .content {

	font-size: 16px;

	line-height: 1.8;

	/*text-align: center;*/

	margin-top: 50px;

}



.detail-main .content img {

	max-width: 100%;

	display: inline-block;

	margin:-4px 0;

}