/*!
 * @since:2019/03/14.
 * @author:flyfly ~~~!
 * @Email:li13572463831@163.com ~~~!
 * @Copyright © 2019 hzgxr.com. All Rights Reserved.
 * @rule:采用大驼峰法命名.
 **/

/* 移动端开始  */

@media all and (max-width:960px) {
	* {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		outline: 0;
		-webkit-tap-highlight-color: transparent;
		-webkit-tap-highlight-color: transparent;
	}
	.wrap {
		width: auto;
	}
	/* top start */
	.TopTextL{
	font-size:.28rem;
	line-height:35px;
	text-indent: 10px;
	}
	.TopRead{
		font-size:.28rem;
	}
	/* header start */	
    .header {
		height: 60px;
	}
	.header .logo {
		line-height: 60px;
	}
	.header .logo img {
		height: 30px;
	}
	/* menu start */
	.menuScroll .header{
		display: block;
	}
	.menuBg {
		position: fixed;
		z-index: 120;
		height: auto;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100% !important;
		transform: translateX(-100%);
		-webkit-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
		transition: all 350ms cubic-bezier(.165, .84, .44, 1);
		box-shadow: none;
	}
	.menuBg.active {
		transform: translateX(0);
		box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);
	}
	.menuBg.actives~.rnui-content {
		margin-top: 0;
	}
	
	.h-nav {
		display: block;
		width: 30px;
		height: 30px;
		font-size: 18px;
		text-align: center;
		line-height: 30px;
		position: absolute;
		right: -45px;
		top: 50px;
		z-index: 99999;
		background: #fff;
		color: #c6984b;
		border-radius: 4px;
		font-family: "iconfont";
		/* box-shadow: 0px 1px 10px rgba(0, 0, 0, .15); */
		transform: translateX(0);
	}

	.h-nav:before {
		content: '\e600';
	}
	.menuBg.active .h-nav {
		font-size: 20px;
		position: fixed;
		right: 5px;
		top:18px;
	
	}
	.menuBg.active .h-nav:before {
		content: '\e610';
	}

	
	.menuScroll {
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.menu .sub-box {
		display: none;
	}
	.menu .current .sub-box {
		display: none;
	}
	.menu .item {
		display: block;
		margin: 0;
		position: relative;
	}
	.menu .item:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		border-bottom: #e6e6e6 1px solid;
		transform: scaleY(.5);
	}
	.menu .name {
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: .3rem;
		padding: 0 .3rem;
		text-align: left;
	}
	.menu .name:before {
		font-family: 'iconfont';
		content: '\e642';
		position: absolute;
		top: 0;
		bottom: 0;
		right: .12rem;
		font-size: 16px;
		color: #ccc;
	}
	.menu .active .name:after {
		display: none;
	}
	.menu .active .name {
		background: #c9a654;
		color: #fff;
	}
	.menu .active .name:before {
		color: #fff;
	}
	.menu .active:after {
		display: none;
	}
	/* banner start */
	.mfocus .swiper-slide {
		height: 3.6rem;
	}
	.mfocus .swiper-slide img {
		position: absolute;
		height: 100%;
		left: 50%;
		margin-left: 0;
		transform: translateX(-50%);
	}
	.mfocus .swiper-pagination {
							bottom: 10px;
							}
	.mfocus .swiper-pagination-bullet {
			width: 10px;
			height: 3px;
		background: #fff;
			opacity: .75;
			border-radius: 0;
			transform: skewX(45deg);
			}

.mfocus .swiper-pagination-bullet-active {

	width: 15px;
    background: #c9a654;
    opacity: .75;
}
/* about start */
	.SiderM10{
		margin:10px;
	}
	.HomeTitle {
		margin-top:30px;
		margin-left:10px;
	}
	.HomeTitle font{
		font-size: .32rem;
	}
	.HomeTitle .Line{
		margin:13px 0px 0px 12px;
	}
	.AboutText{
		width:100%;
		margin:0px;
	}
	.AboutText p{
		font-size:.28rem;
	}
	.AboutPic{
		width:100%;
		height:auto;
	
	}
	.AboutPicOne{
		width:40%;
		margin-right:0px;
		height:auto;
		margin-top:17px;
	}
	.AboutPicTwo{
		margin-top:0px;
		width:60%;
		height:auto;
		box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);
	}
	.AboutPicOne img,.AboutPicTwo img{
		width:100%;
		height:auto;
	}
	/* more start */
	.MoreLink{
		display: none;

	}
/* ad start */
    .AdBox{
		margin-top:10px;
	}
	.AdBox img{
		width:100%;
		height:auto;
	}
	/* product start */
	.ProSub{
		margin-left:20px;
	}
	.ProSub a{
		font-size:.28rem;
	}
	.ProLstBox{
		margin-top:0px;
	}
	.ProLstBoxL{
		width:100%;
		margin-bottom:10px;
		height:350px
	}
	.ProLstBoxL .LstPic{
		box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);
		left:10px;
		height:280px;
		width:199px;
		margin-top:-140px;
	}
	.ProLstBoxL .LstPic img{
		width:100%;
		height:100%;
	}
	.LstPicText{
		width:auto;
		right:0px;
		background: rgba(255,255,255,.75);
		height:220px;
		margin-top:-110px;
		box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);
	}
	.LstPicText .Desc{
		margin-top:60px;
	}
	.ProLstBoxL:hover .LstPicText .Desc .Spec{
		color:#000;
	}
	.ProLstBoxR {width:100%}
	.ProLstBoxR ul li .LstPicText1{
		width:auto;
		right:0px;
	}
	.ProLstBoxR ul li{
		width:auto;
		margin-bottom:10px;
	}
	.ProLstBoxR ul li .LstPic{
		width:auto;
		left:10px;
		box-shadow: 0px 1px 10px rgba(59, 66, 87, .15);
	}
	.ProLstBoxR ul li:last-child{
		margin-bottom:10px;		
	}
	.ProLstBoxR ul li .LstPicText1 .Desc .bt{
		font-size:.36rem;
	}
	.LstPicText .Desc .bt{
		font-size:.36rem;
	}
	.ProLstBoxL .FontStyle{
		font-size:.96rem;
		top:-10px;
		right:0px;
	}
	.ProLstBoxR ul li .FontStyle{
		font-size:.96rem;
		top:-10px;
		right:10px;
	}
	/* nbanner start */
		.WebBanner{
			display: none!important;
		}
		.WapBanner{
			display: block;
		}
	/* nbanner start */
	.brand-content {
		font-size: .3rem;
		line-height: 2;
		padding: 0 .3rem .3rem;
		border: none;
		margin: .3rem 0 0;
	}
	.brand-content .bts {
		margin-top: .3rem;
		font-size: .4rem;
	}	
	/* location start */
	.location,.location{
		display: none;
	}
	.location,.location a {
		font-size:.28rem;
	}
/* page start */
.mini-page {
	height: auto;
}
.mini-page a {
	display: none;
}
.mini-page .prev,
.mini-page .next {
	display: inline-block;
	width: .8rem;
	height: .8rem;
	border: #3d3d3d 2px solid;
	border-radius: .8rem;
	line-height: .7rem;
	font-size: .36rem;
	padding: 0;
	margin: 0 .4rem;
	font-weight: bold;
}
	/* new start */
	.news-bg {
		padding: .3rem;
	}
	.nlist {
		width: auto;
		margin: 0 auto;
	}
	.nlist .item {
		padding: 0;
		margin-top: .3rem;
	}
	.nlist .tap {
		height: auto;
		padding: 0;
	}
	.nlist .imgbox {
		width: 35%;

		margin-left: 0;
		
	}
	.nlist .imgbox img {
		width: 100%;
		height: auto;
		border-radius: .2rem;
	}
	.nlist .content {
		width: 60%;
		/* margin-top: .2rem; */
		float:right;
	}
	.nlist .content .title {
		height: .6rem;
		line-height: .6rem;
		font-size: .3rem;
		margin-top: 0;
		overflow:hidden;
		text-overflow:ellipsis; 
		white-space:nowrap;
		font-weight:600;
		margin-bottom:0px;
	}
	.nlist .content .dsp {
		height: .72rem;
		line-height: .36rem;
		font-size: .24rem;
		color: #999;
	}
	.nlist .info {
		width: 100%;
		height: .48rem;
		line-height: .48rem;
		float: none;
		margin-right: 0;
		background: none;
		border-radius: 0;
		text-align: left;
		color: #999;
		display: block;
	}
	.nlist .info .year {
		display: inline;
		height: auto;
		line-height: auto;
		font-size: .24rem;
	}
	.nlist .info .day {
		display: inline;
		margin: 0;
		height: auto;
		line-height: .48rem;
		color: #999;
		font-size: .24rem;
		background: none;
		color: #999;
		border-radius: 0;
		margin-right: .3rem;
	}
	.nlist .info .day .c5 {
		font-size: .24rem;
		font-weight: normal;
	}
	.nlist .info .view {
		display: inline;
		height: auto;
		line-height: .48rem;
		font-size: .24rem;
	}
	.nlist .info .view .iconfont {
		display: inline-block;
		vertical-align: middle;
		margin: -2px 3px 0 0;
	}
	/* nshow start */
	.newsShow {
		padding: .3rem;
		background: #FFF;
		border: none;
		margin-top: 0;
	}
	.newsShowHd {
		padding: .2rem 0 0;
	}
	.newsShowHd .title {
		font-size: .4rem;
	}
	.newsShowHd .info {
		line-height: .48rem;
		padding-top: .2rem;
	}
	.newsContent {
		font-size: .3rem;
		padding: .6rem 0 0;
	}
	.newsContent img {
		display: inline;
		max-width: 100%;
	}
	/* map start */
	#allmap {
		height: 280px;
		margin-top: .4rem;
	}
	/* footer start */
	.copyright {
		margin-top: .1rem;
		text-align: center;
		padding-bottom:15px;
	}
	.copyright br {
		display: block;
	}
	.tabBar {
		display: block;
		width: 100%;
		height: 49px;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 90;
		-webkit-box-shadow: 0px 1px 8px rgba(59, 66, 87, .15);
		box-shadow: 0px 1px 8px rgba(59, 66, 87, .15);
	}
	.tabBar~.rnui-content {
		padding-bottom: 49px;
	}
	.tabBar .tab {
		width: 25%;
		height: 49px;
		display: block;
		text-align: center;
		float: left;
		color: #02013a;
		position: relative;
	}
	.tabBar .tab i {
		width: 30px;
		height: 30px;
		display: block;
		margin: 2px auto 0;
		background: url(../images/footer-icon.png) no-repeat;
		-webkit-background-size: 150px 60px;
		background-size: 150px 60px;
	}
	.tabBar .tab .icon-1 {
		background-position: 0 0;
	}
	.tabBar .tab .icon-2 {
		background-position: -30px 0;
	}
	.tabBar .tab .icon-3 {
		background-position: -60px 0;
	}
	.tabBar .tab .icon-4 {
		background-position: -90px 0;
	}
	.tabBar .tab .icon-5 {
		background-position: -120px 0;
	}
	.tabBar .tab.active .icon-1,
	.tabBar .tab:hover .icon-1 {
		background-position: 0 -30px;
	}
	.tabBar .tab.active .icon-2,
	.tabBar .tab:hover .icon-2 {
		background-position: -30px -30px;
	}
	.tabBar .tab.active .icon-3,
	.tabBar .tab:hover .icon-3 {
		background-position: -60px -30px;
	}
	.tabBar .tab.active .icon-4,
	.tabBar .tab:hover .icon-4 {
		background-position: -90px -30px;
	}
	.tabBar .tab.active .icon-5,
	.tabBar .tab:hover .icon-5 {
		background-position: -120px -30px;
	}
	.tabBar .active,
	.tabBar .tab:hover {
		color: #c6984b;
	}
	.tabBar .tab p {
		height: 14px;
		line-height: 14px;
		font-size: 12px;
	}
	.FooterR{
		display:none;
	}
	.FooterL{
		text-align: center;
		margin-top:20px;
		float:none;
	}
	.EwmBox{
		float:none;
		display:block;
		width:81px;
		height:81px;
		margin:auto;
		margin-bottom:15px;
		display: none;
	}
	.EwmBox img{
		width:100%;
		height:100%;
	}
	.AddressBox{
		float:none;
		width:100%;
		margin:0px;
		display: inline-block;
	}
	.TelBox{
		float:none;
		margin:0px;
		display: inline-block;
	}
	.TelTitle,.AddTitle{
		display: none;
	}
/* lstpro start */
	.goodsItem {
		overflow: hidden;
		height: 4rem;
		margin-top: .24rem;
	}
	.goodsItem:hover .btn-box{
		-webkit-transform:translateX(0px); 
		-moz-transform:translateX(0px); 
		-ms-transform:translateX(0px); 
		transform:translateX(0);
	}
	.goodsItem .bgimg {
		margin-left: 0;
		transform: translateX(-50%);
	}
	.goodsItem .thumb {
		left: .2rem;
		position: absolute;
		margin-left: 0;
		top: 50%;
		height: 70%;
	}
	.goodsItem .rbox {
		width: auto;
		right: 0 !important;
		left: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin-right: 0;
		top: .4rem;
		bottom: .4rem;
		display: flex;
	}
	.goodsItem .text {
		display: none;
	}
	.goodsItem .btn-box {
		bottom: auto;
		top: 25%;
		left: auto;
		right: .4rem;
	}
	.goodsItem .btns {
		display: block;
		margin: 0;
		width: 2.0rem;
		height: 2.0rem;
		padding: .65rem 0;
		font-size: .28rem;
		line-height: .40rem;
		font-weight:600;
		margin-bottom:4.3rem;
	}
	.goodsItem .btns .c5 {
		font-size: .2rem;
	}
	.goodsItem.even .thumb {
		right: .4rem;
		margin-right: 0;
	}
	.goodsItem.even .rbox {
		right: auto;
		left: .4rem;
		margin-left: 0;
	}
	.goodsItem.even .btn-box {
		left: .4rem;
	}
/* prodetail */
	.detail-info {
		width: auto;
		float: none;
		margin-top: .24rem;
		padding: .3rem;
	}
	.detail-info .title {
		font-size: .36rem;
	}
	.detail-info .dsp {
		font-size: .3rem;
		line-height: .48rem;
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}
	.detail-info .item {
		padding-left: 0;
		line-height: .48rem;
		font-size: .28rem;
		margin-bottom: .2rem;
	}
	.detail-info .bt {
		float: none;
		margin-left: 0;
	}
	.detail-info .btn-box {
		margin-top: .3rem;
		padding-left: 0;
	}
	.detail-info .btn-box .btn {
		border: none;
		width: 60%;
		height: .9rem;
		line-height: .9rem;
		font-size: .3rem;
		display: block;
		border-radius: .8rem;
		margin: 0 auto;
	}
	.detail-main {
		padding: .3rem;
		border: 0;
		margin-top: .3rem;
	}
	.detail-main .bts {
		width: 100%;
		height: 1rem;
		line-height: .96rem;
		font-size: .4rem;
	}
	.detail-main .content {
		font-size: .3rem;
		margin-top: .3rem;
	}
	.detail-rec-bt {
		margin-top: .4rem;
		font-size: .36rem;
		padding-bottom: .2rem;
	}
	.pgnumber{
		display: none!important;
	}
	.pgnumber a {
		border:none;
	}
	.pgnumber.disabled a{
		border-color: none;
	}
	.pgnumber:first-child,.pgnumber:last-child{
		display: inline-block!important;
		width: .8rem;
	    height: .8rem;
	    border: #3d3d3d 2px solid;
	    border-radius: .8rem;
	    line-height: .7rem;
	    font-size: 24px!important;
	    padding: 0;
	    margin: 0 .4rem;
	    font-weight: bold;
	    line-height: 36px;

	}
	.pgnumber.disabled{
		border: #999 2px solid;
	}
	.pgnumber.active a, .pgnumber a:hover{
		color:#666;
		border-color: none;
        background: none;
	}

}