html {
    background: none repeat scroll 0 0 #fffbf2;
    color: #000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
}
legend {
    color: #000000;
}

select, input, button, textarea {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    font-size: inherit;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
a {
    text-decoration: none;
	color:#000000;
}
a:hover, a:focus {
    text-decoration: none;
}
strong {
    font-weight: bold;
}
input[type="submit"] {
    cursor: pointer;
}
button {
    cursor: pointer;
}

.all{
	width:100%;
	height:auto;
	position:relative;
}

@font-face {font-family: 'W3';src: url('../fonts/Hiragino-Sans-GB-W3.otf');}
@font-face {font-family: 'AvenirNext';src: url('../fonts/AvenirNext.ttc');}

.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        /* 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;
    }


@media (min-width:1024px) {
	
	.mobile_best_product{
	  display:none;	
	}
	
	.mobilebanner{
		display:none;
	}
	
	.mobile_header{
		display:none;
	}
	
   .all{
	   width:100%;
	   height:auto;
   }
   
   .index_top{
	   width:100%;
	   height:auto;
	   position:fixed;
	   border-bottom:2px solid rgba(222,222, 222, 0.2);
	   z-index:999;
	    padding:1.5% 0 0.5% 0;
   }
   
   .index_top_middle{
	   max-width:1600px;
	   width:96%;
	   height:auto;
	   margin:0 auto;
	   display:flex;
   }
   
 
   .index_top_middle_meun{
	   width:40%;
	   height:auto;
	   display:flex;
	   padding:1% 0;
   }
   
    .meunlist{
		margin-right:5%;
	}
 
   .meunlist a{
	    width:100%;
	   display:block;
	   font-size:1.3rem;
	   font-family:'W3';
	   color:#ffffff;
   }
   
   .index_logo{
	   width:20%;
	   height:auto;
   }
   
    .index_logo img{
		width:100%;
	}
	
	.index_logo{
		margin:0 4% 0 1%;
	}
	
	.index_meun_right{
		width:25%;
		height:auto;
		float:right;
		display:flex;
		font-family:'W3';
		flex-direction: row-reverse; /* 使项目从右向左排列 */
		justify-content: flex-start; /* 根据需要调整对齐方式 */
		margin-left:17.5%;
		 padding:1% 0;
		
	}
	
	.index_meun_right_list{
		font-size:1.3rem;
		 font-family:'W3';
	}
	
	.index_meun_right_list{
		margin-right:7%;
	}
	
	.index_meun_right_list a{
		color:#ffffff;
	}
	
	.index_banner{
		width:100%;
		height:auto;
	}
	
	.banner_list{
		width:100%;
		height:auto;
		position:relative;
	}
	
	.banner_list_img img{
		width:100%;
	}
	
	.banner_remark{
		width:50%;
		height:auto;
		position:absolute;
		padding:6% 0 0 7%;
		top:0px;
	}
	
	.banner_remark_title{
		font-size:4.2rem;
		font-family:'W3';
		color:#ffffff;
		margin-top:10%;
	}
	
	.banner_remark_content{
		font-size:1.3rem;
		font-family:'W3';
		text-align:left;
		padding:0 18%;
		margin:1% 0;
		color:#ffffff;
	}
	
	.banner_button a{
		display:block;
		width:20%;
		padding:2%;
		text-align:center;
		font-size:1.3rem;
		font-family:'W3';
		background: linear-gradient(to right, #7c5e40, #c6a282);
		margin-left:18%;
		color:#ffffff;
		margin-top:10%;
	}
	
	.best_seller{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#ffffff;
	}
	
	.best_seller_middle{
		   max-width:1600px;
		   width:96%;
		   height:auto;
		   margin:0 auto;
	}
	
	.best_seller_middle_top{
		width:100%;
		height:auto;
		padding:4%;
		text-align:center;
		font-family:'W3';
		font-size:2.4rem;
		padding-bottom:1%;
	}
	
	.best_seller_middle{
		width:100%;
		height:auto;
	}
	
	.best_seller_list{
		width:100%;
		height:auto;
	}
	
	#mybtns img{
		margin-top:35px;
		margin-left:15px;
	}
	
	.best_product_name{
		width:388px;
		padding:8% 0;
		text-align:center;
	}
	
	.best_product_name_big{
		font-size:1.8rem;
		font-family:'W3';
	}
	
	.best_product_name_small{
		font-size:1.2rem;
		font-family:'W3';
		color:#cac7c4;
	}
	
	.hover{
		display:none;
		opacity:0;
	}
	
	.bestpic{
		width:388px;
		height:501px;
		overflow:hidden;
		
	}
	
	.bestpic img:hover{transition: all 0.5s;transform:scale(1.15);}
	
	.pieces{
		width:100%;
		height:100%;
		background:#ffffff;
		overflow:hidden;
		margin-top:1%;
	}
	
	
	.pieces_top{
	   width:100%;
	   height:auto;
	   padding:2%;
	   text-align:center;
	}
	
	.pieces_top_big_title{
		font-size:2.3rem;
		font-weight:300;
	}
	
	.pieces_top_small_title{
		font-size:1.7rem;
		font-weight:300;
		color:#bbb7b4;
		margin-top:1%;
	}
	
	.pieces_under{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
	}
	
	
	.pieces_under_list{
		width:49.5%;
		height:auto;
		position:relative;
		overflow:hidden;
		
	}
	
	
	
	.catespics{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	

	
	
	.pieces_under_list a{
		display:block;
		width:100%;
		height:100%;
		
	}
	
	.pieces_under_list_bgs{
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		 background-color: rgba(0, 0, 0, 0.5);
	}
	
	.pieces_under_list img{
		width:100%;
	}
	
	
	
  .pieces_under_list a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	width: 100%;
	color: #fff;
	text-align: center;
}
	.pieces_under_list a .intro h5 {
	padding: 0;
	margin: 0;
	font-size:2.6rem;
	height: 40px;
	width: 100%;
	line-height: 30px;
	font-weight:100;
	font-family:'W3';
	color:#ffffff;
	
}
	.pieces_under_list a .intro p {
	font-size: 1rem;
	margin-top:1%;
	overflow: hidden;
}
	.pieces_under_list a .intro {
	bottom:11%;
}
 .pieces_under_list a:hover .intro {
	bottom:48%;
}


	
	
	.pieces_under_list a:hover, .pieces_under_lis, .pieces_under_lis a, .pieces_under_lis a:hover .intro,.pieces_under_lis a .intro,.pieces_under_lis .pieces_under_lis{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

	.cate_button{
		width:17%;
		padding:1%;
		text-align:center;
		font-family:'W3';
		color:#ffffff;
		background: linear-gradient(to right, #7c5e40, #c6a282);
		margin:0 auto;
		margin-top:5%;
		font-size:1.1rem;
		display:none;
	}
	
	.img_kuang{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		display:none;
		z-index:99;
	}
	
	.index_about{
		width:100%;
		height:100%;
		background:#ffffff;
		margin-top:7%;
	}
	
	.index_about_middle{
		max-width:1600px;
		width:100%;
		height:auto;
		margin:0 auto;
		display:flex;
	}
	
	.index_about_middle_left{
		width:30%;
		height:auto;
	}
	
	.index_about_middle_left_logo img{
		width:100%;
	}
	
	.index_about_middle_left_logo_solog{
		font-size:1.5rem;
		font-family:'W3';
		margin-top:10%;
	}
	
	.index_about_middle_left_logo_solog_button{
		display:block;
		width:30%;
		padding:2%;
		font-size:1.3rem;
		font-family:'W3';
		text-align:center;
		background: linear-gradient(to right, #7c5e40, #c6a282);
		margin-top:25%;
		color:#ffffff;
	}
	
	.index_about_middle_right{
		width:70%;
		height:auto;
		
	}
	
	.index_about_middle_right img{
		width:100%;
	}
	
	.index_video{
		width:100%;
		height:100%;
		overflow:hidden;
		margin-top:7%;
	}
	
	.index_video_middle{
		max-width:1600px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	
	.index_video_middle img{
		width:100%;
	}
	
	.index_video_middle iframe{
		width:100%;
	}
	
	.index_select{
		width:100%;
		height:100%;
		background:#ffffff;
		overflow:hidden;
		margin-top:4%;
	}
	
	.index_select_top{
		width:100%;
		padding:2%;
		text-align:center;
	}
	
	.index_select_big_title{
		font-size:2.4rem;
		font-family:'W3';
	}
	
	.index_select_small_title{
		font-size:1.3rem;
		font-family:'W3';
		margin-top:0.5%;
	}
	
	.index_select_under{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
	}
	
	.index_select_under_list{
		width:23.7%;
		height:auto;
		overflow:hidden;
		position:relative;
		margin-right:0.7%;
	}
	
	.index_select_under_list:last-child {
		  margin-right:0;
		}
	
	.index_select_under_list_img{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	
	.index_select_under_list_img img{
		width:100%;
	}
	
	.index_select_under_list_img img:hover{transition: all 0.5s;transform:scale(1.15);}
	
	.index_select_under_list_img_name{
		width:100%;
		height:auto;
		padding:2%;
		text-align:center;
		font-size:1.3rem;
		color:#ffffff;
		font-family:'W3';
		position:absolute;
		bottom:5%;
		z-index:99;
		display:none;
	}
	
	.index_footer{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#dfccbc;
		margin-top:8%;
	}
	
	.index_footer_middle{
		max-width:1600px;
		width:96%;
		height:auto;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		padding:5% 0;
	}
	
	.index_footer_logo{
		width:25%;
		height:auto;
	}
	
	.index_footer_logo img{
		width:100%;
		margin-top:20%;
	}
	
	.index_footer_right{
		width:67%;
		height:auto;
		display:flex;
		justify-content:space-between;
	}
	
	.index_footer_right_list{
		width:30%;
		height:auto;
		margin-right:8%;
	}
	
	.index_footer_right_list_big_title{
		font-size:1.8rem;
		color:#6b4e31;
		font-family:'W3';
	}
	
	.index_footer_right_list_small{
		font-size:1.3rem;
		color:#6b4e31;
		font-family:'W3';
		margin-top:10%;
	}
	
	.lines{
		display:none;
	}
	
	
	   .index_footer_right_list_small a {
        display: block;
        transition: all 0.65s;
    }
	
	 .index_footer_right_list_small a:before {
        content: "";
        position: absolute;
        top: 0.625em;
        left: 0;
        width: 0;
        height: 1px;
        transition: all .6s;
        background: #6b4e31;
    }
	
		
   .index_footer_right_list_small a:hover {color:#6b4e31;padding-right:0;padding-left:0.5em;}
    .index_footer_right_list_small a:hover{
        .lines{
            display:inline-block;
        }
    }
  .index_footer_right_list_small a:hover:before {width:1em;}
  
  #feedbacks{
	  width:45%;
	  margin-right:0;
  }
  
  .feedback_title{
	  width:100%;
	  font-size:1.05rem;
	  color:#6b4e31;
	  margin-top:6%;
  }
  
  .forms{
	  width:100%;
	  height:auto;
  }
  
  .inputs{
	  width:100%;
	  height:50px;
	  border-bottom:1px solid #b19a84;
	  margin:2% 0;
  }
  
    .inputs input{
		width:100%;
		height:49px;
		line-height:49px;
		font-size:1.1rem;
		background-color: transparent;
		border:none;
	}
	
	input{
		outline: none; 
	}
	
	#code{
	  width:100%;
      display:flex;	 
	  justify-content:space-between;
	}
	
	#code input{
		width:90%;
	}
	
	.code_img{
		text-align:right;
	}
	
	.tijiao{
		width:40%;
	}
	
	.tijiao input{
		width:100%;
		height:100%;
		background: linear-gradient(to right, #7c5e40, #c6a282);
		color:#ffffff;
		text-align:center;
		font-size:1.2rem;
		border:none;
		margin-top:5%;
		padding:5%;
	}
	
	.shemei{
		width:100%;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:1.2rem;
		margin:3% 0;
	}
	
	.shemei a{
		margin-right:2%;
	}
	
	.copyright{
		width:100%;
		height:40px;
		background:#6b4e31;
	
	}
	
	.copyright_middle{
		max-width:1600px;
		width:96%;
		height:40px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}
	
	.copyright_middle_left{
		font-size:1.2rem;
		color:#ffffff;
		padding:0.5% 0;
	}
	
	.copyright_middle_right{
		
	}
}

@media (max-width:1680px) {
    
    .index_select_under_list_img_name{
        font-size:1.1rem;
    }
	
	.copyright_middle_left{
		font-size:1rem;
	}
	
	.shemei{
	   font-size:1rem;	
	}
	
	.tijiao input{
		font-size:1rem;
	}
	
	.inputs input{
		font-size:1rem;
	}
	
	.feedback_title{
		font-size:1rem;
	}
	
	.index_footer_right_list_big_title{
		font-size:1.4rem;
	}
	
	.index_footer_right_list_small{
	   font-size:1rem;	
	}
	
	.best_seller_middle_top{
		font-size:1.9rem;
	}
	
	.index_select_big_title{
		font-size:1.9rem;
		font-family:'W3';
	}
	
	.index_select_small_title{
		font-size:1rem;
		font-family:'W3';
		margin-top:0.5%;
	}
	
	.index_about_middle_left{
		padding:0 2%;
	}
	
	.index_about_middle_left_logo_solog_button{
		font-size:1.1rem;
	}
	
		.index_about_middle_left_logo_solog{
			font-size:1.25rem;
		}
	
	.cate_button{
		font-size:0.9rem;
	}
	
	.pieces_under_list a .intro p{
		font-size:0.8rem;
	}
	
	.pieces_under_list a .intro h5{
		font-size:1.8rem;
	}
	
	.pieces_top_big_title{
		font-size:1.8rem;
		font-weight:300;
	}
	
	.pieces_top_small_title{
		font-size:1.3rem;
		font-weight:300;
		color:#bbb7b4;
		margin-top:1%;
	}
	
	.meunlist a{
		font-size:1.1rem;
	}
	
	.index_meun_right_list a{
		font-size:1.1rem;
	}
	
	.index_meun_right_list img{
		position:relative;
		top:15%;
	}
	
	.banner_remark_title{
		font-size:3.7rem;
	}
	
	.banner_remark{
		padding-left:3%;
	}
	
	.banner_remark_content{
		font-size:1.1rem;
		padding: 0 15%;
	}
	
	.banner_button a{
		margin-left:15%;
		font-size:1.1rem;
	}
	
	.best_product_name_big{
		font-size:1.5rem;
	}
	
	.best_product_name_small{
		font-size:0.95rem;
	}
	
	
	
}

@media (max-width:1024px) {
	
	.best_product_name{
	   margin-top:3%;	
	}
	
	.best_product_name_big{
		font-size:1rem;
		font-family:'W3';
		text-align:center;
		padding:2%;
	}
	
	.best_product_name_small{
		font-size:0.7rem;
		font-family:'W3';
		color:#cac7c4;
		text-align:center;
	}
	
	
	.mobile_best_product_list{
		width:49%;
		height:auto;
		margin:2% 0;
	}
	
	.mobile_best_product_list_img img{
		width:100%;
	}
	
	.mobile_best_product{
		width:100%;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.scrollpic{
		display:none;
	}
	
	.best_seller{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#ffffff;
	}
	
	.best_seller_middle{
		   width:100%;
		   height:auto;
	}
	
	.best_seller_middle_top{
		width:100%;
		height:auto;
		padding:4% 0;
		text-align:center;
		font-family:'W3';
		font-size:1.5rem;
		padding-bottom:1%;
	}
	
	.best_seller_middle{
		width:100%;
		height:auto;
	}
	
	.best_seller_list{
		width:100%;
		height:auto;
	}
	
	.banner_list{
		width:100%;
		height:auto;
		position:relative;
	}
	
	.banner_list_img img{
		width:100%;
	}
	
	.banner_remark{
		width:100%;
		height:auto;
		position:absolute;
		padding:25% 0;
		top:0px;
	}
	
	.banner_remark_title{
		font-size:1.8rem;
		font-family:'W3';
		color:#ffffff;
		margin-top:10%;
	}
	
	.banner_remark_content{
		font-size:0.85rem;
		font-family:'W3';
		text-align:left;
		padding:0 18%;
		margin:1% 0;
		color:#ffffff;
	}
	
	.banner_button a{
		display:block;
		width:20%;
		padding:2%;
		text-align:center;
		font-size:1rem;
		font-family:'W3';
		background: linear-gradient(to right, #7c5e40, #c6a282);
		margin-left:18%;
		color:#ffffff;
		margin-top:10%;
	}
	
	
	.mobilebanner{
		width:100%;
	}
	
	.pcbanner{
		display:none;
	}
	
	.icon{
		width:45%;
		display:flex;
	}
	
	.icon_list{
		margin-right:10%;
	}
	
	.index_banner{
		width:100%;
		margin-top:15%;
	}
	
	.index_top{
		display:none;
	}
	
	.mobile_header{
		width:100%;
		padding:4% 2%;
		display:flex;
		justify-content:space-between;
		position:fixed;
		background:#ffffff;
		z-index:999;
		top:0px;
	}
	
	.mobile_header_logo{
		width:30%;
		height:auto;
		overflow:hidden;
	}
	
	.mobile_header_logo img{
		width:100%;
	}
	
	
	.pieces{
		width:100%;
		height:100%;
		background:#ffffff;
		overflow:hidden;
		margin-top:1%;
	}
	
	
	.pieces_top{
	   width:100%;
	   height:auto;
	   padding:2%;
	   text-align:center;
	}
	
	.pieces_top_big_title{
		font-size:1.4rem;
		font-weight:300;
	}
	
	.pieces_top_small_title{
		font-size:1.2rem;
		font-weight:300;
		color:#bbb7b4;
		margin-top:1%;
	}
	
	.pieces_under{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	
	.pieces_under_list{
		width:100%;
		height:auto;
		position:relative;
		overflow:hidden;
		margin:1% 0;
		
	}
	
	
	
	.catespics{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	

	
	
	.pieces_under_list a{
		display:block;
		width:100%;
		height:100%;
		
	}
	
	.pieces_under_list_bgs{
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		 background-color: rgba(0, 0, 0, 0.5);
	}
	
	.pieces_under_list img{
		width:100%;
	}
	
	
	
  .pieces_under_list a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	width: 100%;
	color: #fff;
	text-align: center;
}
	.pieces_under_list a .intro h5 {
	padding: 0;
	margin: 0;
	font-size:1.3rem;
	height: 40px;
	width: 100%;
	line-height: 30px;
	font-weight:100;
	font-family:'W3';
	color:#ffffff;
	
}
	.pieces_under_list a .intro p {
	font-size:0.85rem;
	margin-top:1%;
	overflow: hidden;
}
	.pieces_under_list a .intro {
	bottom:11%;
}
 .pieces_under_list a:hover .intro {
	bottom:48%;
}


	
	
	.pieces_under_list a:hover, .pieces_under_lis, .pieces_under_lis a, .pieces_under_lis a:hover .intro,.pieces_under_lis a .intro,.pieces_under_lis .pieces_under_lis{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

	.cate_button{
		width:17%;
		padding:1%;
		text-align:center;
		font-family:'W3';
		color:#ffffff;
		background: linear-gradient(to right, #7c5e40, #c6a282);
		margin:0 auto;
		margin-top:5%;
		font-size:1.1rem;
		display:none;
	}
	
	.img_kuang{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		display:none;
		z-index:99;
	}
	
	
		.index_about{
		width:100%;
		height:100%;
		background:#ffffff;
		margin-top:5%;
	}
	
	.index_about_middle{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:2%;
	}
	
	.index_about_middle_left{
		width:100%;
		height:auto;
		text-align:center;
	}
	
	.index_about_middle_left_logo img{
		width:50%;
	}
	
	.index_about_middle_left_logo_solog{
		font-size:0.9rem;
		font-family:'W3';
		margin-top:5%;
	}
	
	.index_about_middle_left_logo_solog_button{
		display:block;
		width:30%;
		padding:2%;
		font-size:0.85rem;
		font-family:'W3';
		text-align:center;
		background: linear-gradient(to right, #7c5e40, #c6a282);
		color:#ffffff;
		margin:6% auto;
	}
	
	.index_about_middle_right{
		width:100%;
		height:auto;
		
	}
	
	.index_about_middle_right img{
		width:100%;
	}
	
	.index_video{
		width:100%;
		height:100%;
		overflow:hidden;
		margin-top:7%;
	}
	
	.index_video img{
		width:100%;
	}
	
	.index_select{
		width:100%;
		height:100%;
		background:#ffffff;
		overflow:hidden;
		margin-top:4%;
	}
	
	.index_select_top{
		width:100%;
		padding:2%;
		text-align:center;
	}
	
	.index_select_big_title{
		font-size:1.4rem;
		font-family:'W3';
	}
	
	.index_select_small_title{
		font-size:0.8rem;
		font-family:'W3';
		margin-top:0.5%;
	}
	
	.index_select_under{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.index_select_under_list{
		width:49%;
		height:auto;
		position:relative;
		margin-right:0.7%;
		margin:2% 0;
	}
	
	.index_select_under_list:last-child {
		  margin-right:0;
		  display:none;
		}
	
	.index_select_under_list_img{
		width:100%;
		
	}
	
	.index_select_under_list_img img{
		width:100%;
	}
	
	.index_select_under_list_img img:hover{transition: all 0.5s;transform:scale(1.15);}
	
	.index_select_under_list_img_name{
		width:100%;
		height:auto;
		padding:2%;
		text-align:center;
		font-size:0.85rem;
		color:#6b4e31;
		font-family:'W3';
		z-index:99;
	}
	
	.index_footer{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#dfccbc;
		margin-top:8%;
	}
	
	.index_footer_middle{
	    width:100%;
		height:auto;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		padding:1% 0;
		flex-wrap:wrap;
	}
	
	.index_footer_logo{
		width:100%;
		height:auto;
		text-align:center;
	}
	
	.index_footer_logo img{
		width:50%;
		margin-top:5%;
	}
	
	.index_footer_right{
		width:100%;
		height:auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:2%;
		margin-top:3%;
	}
	
	.index_footer_right_list{
		width:50%;
		height:auto;
		
	}
	
	.index_footer_right_list_big_title{
		font-size:1.2rem;
		color:#6b4e31;
		font-family:'W3';
	}
	
	.index_footer_right_list_small{
		font-size:0.85rem;
		color:#6b4e31;
		font-family:'W3';
		margin-top:10%;
	}
	
	.lines{
		display:none;
	}
	
	
	   .index_footer_right_list_small a {
        display: block;
        transition: all 0.65s;
    }
	
	 .index_footer_right_list_small a:before {
        content: "";
        position: absolute;
        top: 0.625em;
        left: 0;
        width: 0;
        height: 1px;
        transition: all .6s;
        background: #6b4e31;
    }
	
		
   .index_footer_right_list_small a:hover {color:#6b4e31;padding-right:0;padding-left:0.5em;}
    .index_footer_right_list_small a:hover{
        .lines{
            display:inline-block;
        }
    }
  .index_footer_right_list_small a:hover:before {width:1em;}
  
  #feedbacks{
	  width:100%;
	  margin-right:0;
	  margin-top:5%;
  }
  
  .feedback_title{
	  width:100%;
	  font-size:1.05rem;
	  color:#6b4e31;
	  margin-top:6%;
  }
  
  .forms{
	  width:100%;
	  height:auto;
  }
  
  .inputs{
	  width:100%;
	  height:50px;
	  border-bottom:1px solid #b19a84;
	  margin:2% 0;
  }
  
    .inputs input{
		width:100%;
		height:49px;
		line-height:49px;
		font-size:1.1rem;
		background-color: transparent;
		border:none;
	}
	
	input{
		outline: none; 
	}
	
	#code{
	  width:100%;
      display:flex;	 
	  justify-content:space-between;
	}
	
	#code input{
		width:90%;
	}
	
	.code_img{
		text-align:right;
	}
	
	.tijiao{
		width:100%;
	}
	
	.tijiao input{
		width:100%;
		height:100%;
		background: linear-gradient(to right, #7c5e40, #c6a282);
		color:#ffffff;
		text-align:center;
		font-size:1rem;
		border:none;
		margin-top:5%;
		padding:3%;
	}
	
	.shemei{
		width:100%;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:1rem;
		margin:3% 0;
	}
	
	.shemei a{
		margin-right:2%;
	}
	
	.copyright{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#6b4e31;
	
	}
	
	.copyright_middle{
		width:100%;
		height:100%;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.copyright_middle_left{
		text-align:center;
		width:100%;
		font-size:1rem;
		color:#ffffff;
		padding:0.5% 0;
		margin:2% 0;
	}
	
	.copyright_middle_right{
		width:100%;
		text-align:center;
	}
	
}


@media (max-width:750px) {