@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
	font-family: 'AlimamaAgileVF-Thin', sans-serif;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	width: auto;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
    font-family: 'AlimamaAgileVF-Thin'; /* 自定义字体名称 */
    src:url("font/AlimamaAgileVF-Thin.ttf");
	url("font/AlimamaAgileVF-Thin.woff") format('truetype'); /* 备用格式 */
}

.clear{
	clear: both;
	display: table;
}
.allpage{
	width: 1420px;
	margin: auto;
	margin-top: 0;
	padding-top: 40px;
}
.webtop{
	width:1420px;
	height: 56px;
}

.webtop h1{
	width:auto;
	float: left;
}
.webtop h1 img {
	width: 192px;
	height: 56px;
	margin-right: 40px;
}
.webtop ul{
	width: auto;
	height: 56px;
	float: left;
	margin-right: 40px;
	overflow: hidden;
}
.webtop ul li {
	width: auto;
	padding:0 33px;
	float: left;
	font-size: 16px;
	line-height: 62px;
}
.webtop ul li a{
    display: block;
	color:#623d03;
	text-decoration: none;
}
.webtop ul li a:hover{ 
	color: #d4b686;
	text-decoration:underline;
}
.navxz{
	font-color:#d4b686;
	text-decoration:underline;
}

.searchbar{
	width:220px;
	height:22px;
	padding-top: 18px;
	float:right;	
}
.search-form {
	width: 190px;
	height: 20px;
    display: flex;
	background: #efefef;
	padding:0 4px; /* 内边距 */
    border: 1px solid #cccbcb; /* 边框样式 */
    border-radius: 10px; /* 圆角，左边圆角 */
	float: left;
}
 
.search-form:hover {
    display: flex;
	background: #F6F7F7;
    border: 1px solid #D3B686; /* 边框样式 */ 
}
.search-form input{
	border-width: 0;
	background-color: transparent;
}
.search-form input:focus {
    outline: none; /* 去除焦点时的轮廓 */
}

.search-input {
	width: 170px;
	height: 20px
	border: 0;
    font-size: 12px; /* 字体大小 */
	font-weight: lighter;
}
 
.search-button {
	width: 16px;
	height:16px;
    border: none; /* 无边框 */
	background:url("images/shouszc.png") no-repeat center;
	background-size: 16px 16px;
    cursor: pointer; /* 鼠标悬停时显示手形图标 */
	margin-top: 2px;
	float: left;
}
 
.search-button:hover {
	background: url("images/soush.png")no-repeat left top;
	background-size: 16px 16px;
}

.content{
	width: 1420px;
	height: auto;
	background-image: url("images/backgroundpick.png");
	background-repeat: no-repeat;
	background-position: 267px 0px;
}
.title{
	width: 1210px;
	height: 50px;
	padding-top: 134px;
	padding-left: 210px;
}
.title p{
	font-size: 50px;
	color: #623d03;
}

 .carousel-container {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 30px;
	        padding-bottom: 90px;
        }
        .arrow-btn {
            width: 50px;
            height: 110px;
            cursor: pointer;
            background: url("images/shangyiye-.png") no-repeat center;
            border: none;
			margin-right: 75px;
            transition: background-color 0.3s;
        }

        .arrow-btn:hover {
			background-color: #e5e5e4;
        }
		.arrow-btnr {
            width: 50px;
            height: 110px;
			margin-left: 10px;
            cursor: pointer;
            background: url("images/xiayiye.png") no-repeat center;
            border: none;
            transition: background-color 0.3s;
        }

        .arrow-btnr:hover {
			background-color: #e5e5e4;
        }

        .rect-wrapper {
            width: 1002px; /* 3个矩形(200*3) + 间距(10*6) = 660 */
            overflow: hidden;
            position: relative;
        }

        .rect-container {
            display: flex;
            transition: transform 0.5s ease;
        }

        .rect {
            width: 310px;
            height: 200px;
            font-size: 14px;
	        line-height: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
			margin-right: 24px;
            flex-shrink: 0; /* 防止压缩 */
			
        }
  .decorative-image {
            width: 150px;
            height: 200px;
        }
		.text-content {
			width: 150px;
			height: 150px;
			text-align:left;
			color: #5D4037;
			padding-top: 50px;
			padding-left: 10px;
		}
/*
.news{
	width: 1420px;
	height: 211px;
	padding-top: 54px;
	padding-bottom: 108px;
	background-image: url("images/underline.png");
	background-repeat: no-repeat;
	background-position:240px 282px ;
	clear: both;
}
.nextbottom{
	width: 66px;
	height: 170px;
	padding-top: 40px;
	padding-left: 60px;
	margin-right: 80px;
	float: left;
}
.nextbottom a{
	width:56px;
	height:102px;
	display: block;
	padding-top: 22px;
	padding-left: 10px;
	
}
.nextbottom a:hover{
	background-color: #E0E0E0;
}
.news ul{
	width: auto;
	float: left;
}
.news ul li{
	width: 350px;
	height: 211px;
	float: left;
}
.news ul li img{
	width: 158px;
	float: left;
}
.news ul li img a{
	width: 158px;
	height: 211px;
	display: block;
}
.news p{
	width: 168px;
	height:auto;
	padding-left:15px;
	font-size: 18px;
	line-height: 24px;
	float: left;
	color: #623d03;
    padding-top: 50px;
}
*/
.underlbj{
	background-image: url("images/underline.png");
	background-repeat: no-repeat;
	background-position:217px 244px ;
}
.pagebottom{
	width: 797px;
	height: 76px;
	padding-left: 265px;
	padding-bottom: 70px;
}
.bottomleft{
	width:346px;
	height:76px;
	clear: both;
	float: left;
}
.bottomleft img{
	width:45px;
	height:76px;
	float: left;
}
.bottomleft p{
	width:275px;
	height:30px;
	font-size:11px;
	line-height: 15px;
	text-align: left;
	padding-left: 24px;
	padding-top: 25px;
	float: left;
	color:#d4b686;
}
.bottomright{
	width: 220px;
	height: 55px;
	padding-top: 21px;
	float: right;
}
.bottomright img{
	width: 33px;
	height: 33px;
}
.bottomright a {
	width: 33px;
	height: 33px;
	display: block;
	float: right;
	margin-left: 20px;
}




/*内页样式1*/

.nynr{
	width:1420px;
	height:576px;
	margin-top: 56px;
	background:url("images/pick.png") bottom left;
	background-repeat: no-repeat;
	background-size: 1153px 146px;
}
.nrleft{
    width: 348px;
	height: 309px;
	padding-left: 306px;
	padding-top: 160px;
	background: url("images/leftpic.png") left top;
	background-size: 654px 470px;
	float: left;
	color: #d4b686;
	text-align: left;
}
.nrleft h2{
    width: 98px;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight:normal;
}
.nrleft p{
	width: 210px;
	line-height: 18px;
	font-size: 13px;
}

.nright{
	width:680px;
	height:300px;
	padding-left: 80px;
	padding-top: 80px;
	float: left;
}
.nright p{
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 16px;
}
.nright a{
	display: block;
	width: 180px;
	height: 48px;
	 border-radius: 24px;
	margin-top: 20px;
	line-height: 48px;
	background-color: #d4b686;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
}
.nright a:hover{
	background-color: #b69258;
	
}
/*neiye*/
.nrleft2{
    width: 348px;
	height: 309px;
	padding-left: 306px;
	padding-top: 160px;
	background: url("images/leftpic2.png") left top;
	background-size: 654px 470px;
	float: left;
	color: #d4b686;
	text-align: left;
}
.nrleft2 h2{
    width: 98px;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight:normal;
}
.nrleft2 p{
	width: 210px;
	line-height: 18px;
	font-size: 13px;
}

/*neiye*/
.nrleft3{
    width: 348px;
	height: 309px;
	padding-left: 306px;
	padding-top: 160px;
	background: url("images/leftpic3.png") left top;
	background-size: 654px 470px;
	float: left;
	color: #d4b686;
	text-align: left;
}
.nrleft3 h2{
    width: 98px;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight:normal;
}
.nrleft3 p{
	width: 210px;
	line-height: 18px;
	font-size: 13px;
}
/*neiye*/
.nrleft4{
    width: 348px;
	height: 309px;
	padding-left: 306px;
	padding-top: 160px;
	background: url("images/leftpic4.png") left top;
	background-size: 654px 470px;
	float: left;
	color: #d4b686;
	text-align: left;
}
.nrleft4 h2{
    width: 98px;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight:normal;
}
.nrleft4 p{
	width: 210px;
	line-height: 18px;
	font-size: 13px;
}

.nynr33{
	width:1420px;
	height:576px;
	margin-top: 56px;
	background:url("images/blue.png") bottom left;
	background-repeat: no-repeat;
	background-size: 1153px 146px；	
}
.nright33{
	width:680px;
	height:300px;
	padding-left: 80px;
	padding-top: 60px;
	color: #d4b686;
	float: left;
}
.nright33 h2{
    width: 140px;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight:normal;
}
.nright33 ul{
	width:568px;
	height:28px;
}
.nright33 ul li{
	width: 28px;
	height:28px;
	padding-right: 20px;
	margin-bottom: 15px;
	float: left;
}
.nright33 ul li img{         
    width:28px;
    height:28px;
}
.dizhi{
	width: 568px;
	line-height: 24px;
	padding-top: 16px;
}

.nrleft5{
    width: 348px;
	height: 309px;
	padding-left: 306px;
	padding-top: 160px;
	background: url("images/mappic.png") left top;
	background-size: 654px 470px;
	float: left;
}



.carousel-container {
            display: flex;
            align-items:left;
            justify-content: center;
            gap: 20px;
            margin: 50px auto;
            max-width: 1420px;
         
        }
        
        .products-wrapper {
            width: 100%;
            overflow: hidden;
        }
        
        .products-container {
            display: flex;
            transition: transform 0.5s ease;
        }
        
        .products-page {
            min-width: 100%;
            display: flex;
            flex-wrap: wrap;
			color: #b4914f;
        }
        
        .product-item {
            width:245px;
            padding:0 38px;
            text-align: left;
			margin-bottom:32px;
        }
.product-item-img {
            width:546px;
            padding:0 48px;
            text-align: left;
			margin-bottom:32px;
        }
        
        .product-img {
            width:245px;
			height: 180px;
        }
.product-item-img2 {
            width:1185px;
            padding:0 48px;
            text-align: left;
			margin-bottom:32px;
        }
       
        .nachamz{
	width: 100%;
	font-size:19px;
	line-height:23px;
	font-weight:600;
}
.nachafbt{
	width: 100%;
	font-size:12px;
	line-height:14px；
}
        .prev-btn {
			width: 50px;
			height: 110px;
			margin-top:175px;
            padding-left:20px;
            cursor: pointer;
			background: url("images/shangyiye-.png") no-repeat center;
            border: none;
            transition: background-color 0.3s;
        }
        
        .prev-btn:disabled {
            background: url("images/shangyiyeh.png") no-repeat center;
            cursor: not-allowed;
        }
        
        .prev-btn:not(:disabled):hover {
            background-color: #e5e5e4;
        }
        .prev-btn1 {
			width: 50px;
			height: 110px;
            padding-left:20px;
            cursor: pointer;
			background: url("images/shangyiye-.png") no-repeat center;
            border: none;
            transition: background-color 0.3s;
        }
        
        .prev-btn1:disabled {
            background: url("images/shangyiyeh.png") no-repeat center;
            cursor: not-allowed;
        }
        
        .prev-btn1:not(:disabled):hover {
            background-color: #e5e5e4;
        }

.next-btn{
			width: 50px;
			height: 110px;
			margin-top:175px;
            padding-left:20px;
            cursor: pointer;
			background: url("images/xiayiye.png") no-repeat center;
            border: none;
            transition: background-color 0.3s;
        }
.next-btn:disabled {
            background: url("images/xiayiyeh.png") no-repeat center;
            cursor: not-allowed;
        }
        
        .next-btn:not(:disabled):hover {
            background-color: #e5e5e4;
        }
.next-btn1{
			width: 50px;
			height: 110px;
            padding-left:20px;
            cursor: pointer;
			background: url("images/xiayiye.png") no-repeat center;
            border: none;
            transition: background-color 0.3s;
        }
.next-btn1:disabled {
            background: url("images/xiayiyeh.png") no-repeat center;
            cursor: not-allowed;
        }
        
        .next-btn1:not(:disabled):hover {
            background-color: #e5e5e4;
        }