@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
@font-face {
    font-family: "Milkshake";/*字体名字*/
    src:url("./font/Milkshake.ttf");/*引入字体位置*/
}
p{
	font-family:"Milkshake" ;
}

body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#996c4b;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}

html{ -webkit-font-smoothing: antialiased; }


/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/

/*------------------------head------------------------*/
.header{ position: relative; z-index: 9999;}
.nav-link{ color: #333; text-align: center;}
.nav-link:before{ content: ""; width: 1%; height: 3px; display: block;}
.nav-link:after{ content: ""; width: 1%; height: 3px; display: block; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.nav-item:hover a{ color: #996c4b;}
.nav-item:hover .nav-link:after{ width: 100%; background: #996c4b;}

.navbar-brand{ max-width: 70%;}

.dropdown-toggle:after{ display:none;}

#navbardrop{ position: absolute; right:0; top:0; display: block; padding: .5rem 1rem; color: #996c4b; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; color:#fff;}

.dropdown-menu{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}


.dropdown:hover .dropdown-menu { display: block;}
	#navbardrop{ display: none;}
	#collapsibleNavbar .nav-link{ verticle-align:middle;}
	.nav-link{ width: 100%;}

.dropdown-item{ font-size: 0.8rem;}

.nav-link h2{ font-size: 1rem;}

.btn-primary { color: #fff; background-color: #996c4b; border-color: #996c4b;}
.btn-primary:hover { color: #fff; background-color: #d7472b; border-color: #d7472b;}



.banner { width: 100%; height: 100%; z-index: 1;}
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		z-index: 1;
      }
.banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1;}


.proSideBox{ background-color: #996c4b; color: #fff;}
.proSide .name{ font-size: 1.5rem; line-height: 300%;}
.proSide .name::after{ content: ""; width: 20%; height: 1px; display: block; background: #fff;}
.proSide .desc{ font-size: 1rem;}
.proSort{ position: relative; overflow: hidden;}
.proSort a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; color: #fff; font-size: 1.2rem; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70000000',endColorstr='#70000000');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000)"; background:rgba(0,0,0,0.7);}
.proSort a:hover{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70996c4b',endColorstr='#70996c4b');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70996c4b, endColorstr=#70996c4b)"; background:rgba(153,108,75,0.7);}
.proSort img { width:100%; height:100%; object-fit:cover;}
.proSorts{ height: 400px;-webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.proSorts img { width:100%; height:100%; object-fit:cover;}

.about{ background: url(../images/about.jpg) center no-repeat #f3eadb; border-bottom: 10px #996c4b solid;}
	.aboutLeft{}
		.aboutLeft .topic{ font-size: 2rem; font-weight: bold;}
		.aboutLeft .subTopic{ text-transform: uppercase;}
		.aboutContent{ text-align: justify;}
			.aboutContent p{ margin-bottom: 0.5rem;}
			.aboutLeft a{ display: inline-block; text-indent: 0; border: 1px #996c4b solid; padding: 10px 20px;}
			.aboutLeft a:hover{ text-indent: 2rem; background: #996c4b; color: #fff;}

.product{}
	.product .title{ text-align: center;}
		.product .title .topic{ font-size: 2rem; font-weight: bold;}
		.product .title .subTopic{ font-size: 1rem; text-transform: uppercase;}

.productBox{ width: 100%; height: 100%;}			
	.productBox .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #fff;

			/* Center slide text vertically */
			/*display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;强制横向排列*/
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		  }

	.productBox .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
	.productBox .swiper-slide img:hover{ transform: scale(1.2) ;}
	.productBoxs a{ overflow: hidden;}
			.productBox .swiper-slide a{ display: block;}
			.productBox .swiper-slide .name{ background: #e7c2a8;}
			.productBox .swiper-slide .name:hover{ background: #996c4b; color: #fff;}
	.productBox{}
	
	.productpc .swiper-button-next, .productpc .swiper-button-prev{ top: auto; bottom: 0%;}
	.productpc .swiper-pagination{ bottom: 0;}
	
.youshi{ width: 100%; height: 100%; background-image: url(../images/youshi.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
	.youshi .title{ text-align: center; color: #fff;}
		.youshi .title .topic{ font-size: 2rem; font-weight: bold;}
		.youshi .title .subTopic{ font-size: 1rem; text-transform: uppercase;}
	.ysBox{ background: #f3eadb; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
	.ysBox:hover{ background: #e7c2a8;}
		.ysBox .name{ text-align: center; font-size: 1.3rem; line-height: 200%;}
			.ysBox .name:after{ content: ""; width: 10%; height: 3px; display: block;  background: #996c4b; margin: 0 auto; }
		
.newspc{}
	.newspc .title{ text-align: center;}
		.newspc .title .topic{ font-size: 2rem; font-weight: bold;}
		.newspc .title .subTopic{ font-size: 1rem; text-transform: uppercase;}
		.newspc .hd li{ font-size: 1.1rem; border: 1px #996c4b solid; margin: 0.75%; padding: 0.75% 3%; cursor:pointer;}
		.newspc .hd li:hover{ background: #996c4b; color: #fff;}
		.newspc .hd li.on{ background: #996c4b; color: #fff;}
		
			
.news{}
	.news .title{ text-align: center;}
		.news .title .topic{ font-size: 2rem; font-weight: bold;}
		.news .title .subTopic{ font-size: 1rem; text-transform: uppercase;}
		.news .sort{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
		.news .sort a{ font-size: 1.1rem; border: 1px #996c4b solid; margin: 0.75%; padding: 0.75% 3%;}
		.news .sort a:hover{ background: #996c4b; color: #fff;}
	.newsBox{ border: 1px #996c4b solid;}
	.newsBox:hover{ background: #f3eadb;}
	.newsBox .pic{ overflow: hidden;}
	.newsBox .pic img{ transition: all 0.5s;}
	.newsBox .pic img:hover{ transform: scale(1.2) ;}
	.newsBox .date{}
	.newsBox .name{ font-size: 1.1rem;}
	.newsBox .desc{ color: #999;}
	.newsBox .read a{ border: 1px #996c4b solid; background: #fff; padding: 10px 20px;}
	.newsBox .read a:hover{ background: #996c4b; color: #fff;}
	
.liuCheng{ border: 1px #e5eef6 solid;}
	.liuCheng .lcTopic{ text-align: center; font-size: 1.2rem; color: #996c4b; font-weight: bold;}
	.liuCheng .lcBox{ text-align: center;}
	
.foot{ background: #996c4b; color: #ccb5a5;}
	.footBox{}
		.foot a{ color: #ccb5a5;}
		.foot a:hover{ color: #fff;}
		.footBox .title{ font-size: 1.5rem; color: #e0d3c9;}
		.footBox p{ font-size: 1.2rem; margin-bottom: 10px; color: #e0d3c9;}
/*--page--*/		
.nBanner{ background: #999;}
	.nBanner .container{ position: relative; z-index: 2;}
		.nBanner .txt{ position: absolute; left: 0; top: 40%; color: #fff;}
			.nBanner .txt p{ font-size: 2.0rem; font-weight: bold;}
			.nBanner .txt p:after{ display: block; content: "——"; font-size: 0.5rem; color: #fff;}
			.nBanner .txt span{ font-size: 1.5rem; text-transform: uppercase;}
	.nBanner img{ opacity: 1; filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);}
	
.nSort{ background: #f3eadb;}
	.nSort a{ display: block; padding: 1rem; margin: 0.1%; font-size: 1rem; border-bottom: 3px #f3eadb solid; text-align: center;}
	.nSort a:hover{ border-bottom: 3px #996c4b solid; color: #996c4b;}
	.nSort .active{ border-bottom: 3px #996c4b solid; color: #996c4b;}

.nMain{}
	.nMain .nTitle{}
		.nMain .nTitle h2{ font-size: 2rem; margin-bottom: 10px;}
		.nMain .nTitle p{ text-transform: uppercase; font-size: 1rem;}
			.nMain .nTitle a{ border: 1px #996c4b solid; padding: 2px 20px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
			.nMain .nTitle .actives{ color: #fff; background: #996c4b;}
			.nMain .nTitle a:hover{ color: #fff; background: #996c4b;}
	.nMain .breadcrumb{ color: #996c4b; -webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;}
		.nMain .breadcrumb a{ margin: 0 5px;}
	.nContent{}
		.nName{ background: #f3eadb; font-size: 1.5rem;}
		.nTxt{ font-size: 1rem; line-height: 1.8rem; text-align: justify; overflow:hidden;}
			.nTxt p{ font-size: 1rem; margin-bottom: 1%;}
			.nTxt img{ max-width: 100%;}
		.nPic{ background: #f3eadb; border-bottom: 5px #996c4b solid;}
		.nPic:hover{ background: #e7c2a8;}
		.nPic:hover a{ color: #fff;}
			.nPic .pic{ overflow: hidden;}
				.nPic .pic img{ transition: all 0.5s;}
					.nPic .pic img:hover{ transform: scale(1.2) ;}
			.nPic .name a{ display: block; font-size: 1rem;}
		.nNewsBox{ border-bottom: 1px #e7c2a8 solid;}
		.nNewsBox:hover{ background: #f3eadb;}
			.nNews{}
				.nNews a{ font-size: 1.2rem;}
				.nNews span{ color: #666;}
	.pageBox{}
		.pageBox a{ border: 1px #ccc solid; padding: 8px 15px; margin: 0 3px;}
		.pageBox a:hover{ background: #996c4b; color: #fff; border: 1px #996c4b solid;}
		.pageBox .page-num-current{ border: 1px #996c4b solid; background: #f3eadb;}
		
	.upDown{}
	
	#map{ height: 450px;}
	
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width: 992px) {
	.ads{ display: none;}
	.ad{ display: block;}
	.bannerwap{ display: none;}
	.bannerpc{ display: block;}
	.productwap{ display: none;}
	.productpc{ display: block;}
	.news{ display: none;}
	.newspc{ display: block;}
}
@media (min-width:1200px) {}
@media (min-width:1400px) {}
@media (max-width:576px) {
	.ad{ display: none;}
	.ads{ display: block;}
	.bannerpc{ display: none;}
	.bannerwap{ display: block;}
	.productpc{ display: none;}
	.productwap{ display: block;}
	.newspc{ display: none;}
	.news{ display: block;}
	.nav-item{ border-bottom: 1px #996c4b dotted;}
	.nBanner .txt{ padding-left: 5%;}
	.nBanner .txt p , .nBanner .txt span{ font-size: 0.8rem;}
	.nMain .nTitle{  margin-bottom: 2%;}
	.nMain .nTitle a{ padding: 2px 10px;}
	.pageBox a{ margin: 0; padding: 2%;}
	#navbardrop{ display: none;}
	.dropdown-menu{ display: none;}
}