@charset "utf-8";
.content{width:1200px; margin: 0 auto;}
.banner {
	position: relative;
	width: 100%;
	overflow: auto;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: rgba(255, 255, 255, .6);
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#99ffffff",endColorstr = "#99ffffff");
	text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.banner ul {
	list-style: none;
	width: 300%;
}
/*轮播图*/
#top{width:988px; margin:auto;height:80px;}
#top .logo{float:left;width:178px;height:80px;}
#top .m{float:right;line-height:80px;width:580px;}
#top .m a{color:#333;float:left; text-decoration:none;margin-left:50px;font-size:20px;}
#top .m a:hover{ opacity:0.9;}
#top .m .a{color:#169bfd;}
ul,li{list-style:none;margin:0;padding:0}

/*产品推荐*/
.re_product{margin: 20px auto; width: 1200px; height: 700px; background: #fff none repeat scroll 0% 0%;}
.da-thumbs{list-style:none;height:800px;position:relative;margin:0;padding:0}
.da-thumbs li{float:right;position:relative;border:2px solid #6C5143; width: 395px;overflow: hidden;}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative}
.da-thumbs li a{color:#fff;overflow:hidden}
.da-thumbs li a div{position:absolute;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10874700,endColorstr=#10874700);width:100%;height:100%}
.da-thumbs li a h2{ font-size:24px;margin:20px 0px;font-weight:normal;text-align:center;font-weight: normal;margin-top: 200px;}


.links {width:1200px;height:35px;border-top:1px solid #eee; margin: 0px auto;font-size:14px;}
.links a{float:left;margin-left:20px;width:60px;line-height:35px;text-align:left;display:block; font-size: 12px;}
.weixin{ width:30px; height:30px; float: left; margin-left:20px;position:relative; font-size:12px; text-align:center;}
.weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(../images/weixin.png) no-repeat center top; }
.weixin .weixin_nr{width:180px; height:200px; padding:15px 15px 20px 15px; background:#ccc; font-size: 14px; color: #847C76; text-align:center; position:absolute; left:-70px; top:45px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/weixin.png) no-repeat left bottom;}
/*产品列表*/
/*.product_banner{width: 100%; height: 450px; margin-bottom: 10px;}*/
.product_banner{width: 100%; margin-bottom: 10px;}
.product_banner img{width: 100%;}
.product_class {
	background: rgba(255, 255, 255, .8);
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#C8ffffff",endColorstr = "#C8ffffff");
	position: absolute;
	left: 190px;
	top: 200px;
	padding: 80px 100px;
	width: 520px;
}
.product_class h4{color: #fff;  background:#108747; width: 100px; padding: 10px 0px; text-align: left; font-size: 16px; font-weight: bold;}
.product{width: 1200px; margin: 20px auto;}
.select{font-size:14px}
.select li{list-style:none;padding:10px 0}
.select .select-list{border-bottom:#eee 1px dashed}
.select dl{zoom:1;position:relative;line-height:24px;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{width:100px;margin-bottom:5px;position:absolute;top:0;left:-100px;text-align:right;color:#666;height:24px;line-height:24px}
.select dd{float:left;display:inline;margin:0 0 5px 5px;}
.select a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;color:#333;border-radius:2px;}
.select a:hover{color:#fff;background-color:#108747}
.select .selected a{color:#fff;background-color:#108747}
.select-result dt{font-weight:bold}
.select-no{color:#999}
.select .select-result a{padding-right:20px;background:#108747 url("../images/close.gif") right 9px no-repeat}
.select .select-result a:hover{background-position:right -15px}


.product_listbox{float:left;margin:15px 8px;display:inline;width:580px;height:640px; overflow:hidden;position:relative;border:solid 2px #F4F4F4}
.product_listbox:hover{border:solid 2px #108747} 
.product_listbox .listimg{width:580px;height:580px;position:relative;overflow:hidden;}
.product_listbox .listimg img{width:100%;height: 100%;}

.product_listbox .listinfo{_margin-bottom:3px;width:100%;line-height:22px;font-size:12px;}
.product_listbox .list_title{float:left; margin-left:20px;margin-top:20px;_margin-top:-2px;font-size:16px;}
.product_listbox .list_title a{font-size:16px; text-decoration: none; color: #333;}
.product_listbox .list_title a:hover{color:#108747;}
.product_listbox .list_btn{float:right;;width:100px;color:#999;margin-top:10px;_margin-top:-2px; margin-right: 5px;}
.product_listbox .list_btn a{font-size:14px; text-align: center; text-decoration: none; background: #ccc; color: #000; padding: 5px 10px; display: block; border: 1px solid #ccc;}
.product_listbox .list_btn a:hover{background:#108747; color: #fff;}
.p_tab {
	width: 1200px;
    margin: 30px auto;    
}
.p_tab .p_item {
	width:200px;
	float:left;
	margin:10px;
	padding:10px;
	background-color: #f9f9f9;
	
}
.p_tab .p_item>span {float:left;width:100px;display:block;text-align:center; margin-top: 5px;}
.p_tab .p_item>p {float:left;width:100px;display:block;line-height:52px;text-align:center;color: #400000; font-size: 22px;}
.s_bar {
	width: 1200px;
    margin: 30px auto 0 auto;    
}
.s_bar .h_line {height:65px; padding:0px; margin:25px 0; float:left; border-right: 1px solid #afafaf;}
.s_bar .s_item {
	width:194px;
	float:left;
	margin:10px;
	padding:10px;	
	text-align:center;
}
.s_bar .s_item>a {display:block;}
.sp1 {font-size: 14px;font-weight: 600;line-height:28px;}
.sp2 {color:#afafaf;}
/*产品详情页 show_product.html*/
.tab{ overflow:hidden; }
.tab li,.tab a,.tab-item{cursor:pointer;float:left;text-align: center;}
.m, .mt, .mc, .mb{overflow:hidden;}
.mt .extra{float: right;}

.product_box{width: 1200px; margin: 0 auto;}
.m{width: 1200px; margin: 0 auto;}
.pro_img_box{ float: left;width:600px;}
 .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
 .tab{border-bottom:2px solid #108747;margin-bottom:10px;}
 .tab li{position:relative;height:24px;padding:3px 12px 0;background:#ccc; overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#000;}
 .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
 .tab a{float:none;color:#c30;}
 .tab .curr{background: #108747;color:#fff;padding: 10px;box-sizing: border-box;height: unset;}
 .tab .curr a{color:#fff;}
 .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
 .total{float:right;}
 .total strong{color:#FF7403;}
 .total a:link,.right-extra .total a:visited{color:#005aa0;}
 .join a:link,.right-extra .join a:visited{color:#FF7604;}
 .norecode{padding:0 10px 10px;}
 .iloading{margin-bottom:10px;}
/*评论列表*/
#comment .item{border:1px solid #FFFFFF;padding:8px 15px;}
#comment .odd{background: none repeat scroll 0 0 #F4F9FF;border: 1px solid #EDF0F1;border-radius:10px 10px 10px 10px;}
#comment .user{color:#999999;text-align: right;}
#comment .user span{margin-left: 20px;}
#comment .user .u-level{color:#088100;}
#comment dl{margin-bottom:5px;overflow:hidden;}
#comment dt{float:left;text-align:right;width:80px;}
#comment dd{float:right;overflow:hidden;width:649px;}
#comment .content{float:left;width:510px;}
#comment .date-answer{color:#999999;float:right;text-align:right;width:130px;}
#comment .useful{color:#999999;text-align:right;}
#comment .useful a{color: #005AA0;}
#comment dt b{background-image: url("../images/icon_clubs.gif");background-repeat: no-repeat;float:left;height:13px;margin:2px 3px 0 0;width:14px;}
#comment .ask b{background-position:-72px -14px;}
#comment .answer{color:#D75509;}
#comment .answer b{background-position:-57px -14px;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}.jqzoom .pic{width:600px;height:600px;object-fit: cover;}
/*.jqzoom img{width: 600px;}*/
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:6000px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/

.spec-preview{width:600px;height:400px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:600px;position: relative;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:67px; line-height:67px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:550px;height:100px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center; overflow: hidden;}
.spec-scroll .items ul li img{border:1px solid #CCC;width:90px;height: 90px;object-fit: cover;}
.spec-scroll .items ul li img:hover{border:2px solid #108747;padding:1px;}
.pro_info_box{float: right; width: 580px; padding-left: 10px;}
.pro_info_box h1{padding: 10px 20px; margin: 0; border-bottom: 1px solid #CCC; font-size: 20px;}
.pro_info_box .p_info{margin: 10px 0px; width: 100%; float: left;}
.pro_info_box p{line-height: 18px; font-size: 12px; margin: 10px 0px 0px 40px}
#main_s_pic{margin: 0px 0px 0px 40px; }
#main_s_pic a{display: inline-block; height: 40px; width: 60px; margin:5px; line-height: 40px; text-align: center;}
#main_s_pic img{vertical-align: middle; width: 60px; height: 40px;object-fit: cover;}
.p_price{font-size: 24px; font-weight: bold; color: #F00;}
.p_action{margin: 20px 0px 0px 40px;height: 60px;}
.p_action .p_call{width: 260px; padding: 5px 0 10px 0; height:30px; line-height: 30px; 
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
color: #FFF; text-align: center; font:normal 16px/40px 'Microsoft Yahei'; background-color: #108747;border-color: #108747;}
.p_saoma{
	float: right;
	padding-top: 50px;
	padding-right: 50px;
	text-align: center;
	/*width: 150px;*/
}
.p_action .p_btn{
	margin-left: 30px;
	width: 150px; 
	padding: 5px 0 10px 0; 
	height: 30px; 
	line-height: 30px; 
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #FFF; 
	text-align: center; 
	font:normal 16px/40px 'Microsoft Yahei'; 
	background-color: #108747;
	border-color: #108747;
}
.p_detail img{display: block;}
.selected{border: 2px solid #108747;}


/*.select-list {
    position: absolute;
    left: 100px;
    top: 200px;
    background: #fff;
    padding: 40px 40px;
    width: 850px; background: rgba(255, 255, 255, .8);
filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#C8ffffff",endColorstr = "#C8ffffff");
}
.select-list p {
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
}*/
.select-list {
    padding: 20px 40px;
    width: 1000px; 
    margin: 0 auto;
}
.select-list p {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
}
.select-list .button{font-size: 16px;}
.select-list .button.simple-grey{font-size: 16px;}
.select-list .button.color-alt{font-size: 16px;}
.select-list .button.round, .grey-button.round, .colored-button.round{border-radius: 0;}
.re-product .listimg{width: 100%; height: 155px;}
.re-product .listimg img{width: 100%;}
.re-product .listinfo{text-align: center;}
.re-product a.re-p-box{display: block; border: 1px solid #FFF}
.re-product a.re-p-box:hover{color: #108747; border: 1px solid #108747;}
.wp{width: 1000px;margin: 0 auto;max-width: 100%;}
.wp table tr td{border:1px solid #0C0C0C}
        .wp table tr {border:1px solid #0C0C0C}
        .wp table{border:1px solid #0C0C0C}
.banner_in{margin-top: 80px;}
.language-phone{display: none;}
.language-pc{display: flex;justify-content: center;align-items: center;height: 36px;}

@media (max-width: 768px) {
	.language-pc{display: none;}
	.m_nav {
	  position: absolute;
	  right: 15px;
	  top: 16px;
	  width: 25px;
	  z-index: 99;
	}
	.m_nav i {
	  display: block;
	  height: 2px;
	  background: #fff;
	  margin-bottom: 6px;
	}
	.cross i:nth-of-type(1) {
	  -webkit-transform: translateY(8px) rotate(-45deg);
	  -ms-transform: translateY(8px) rotate(-45deg);
	  transform: translateY(8px) rotate(-45deg);
	}
	.cross i:nth-of-type(2) {
	  opacity: 0;
	}
	.cross i:nth-of-type(3) {
	  -webkit-transform: translateY(-8px) rotate(45deg);
	  -ms-transform: translateY(-8px) rotate(45deg);
	  transform: translateY(-8px) rotate(45deg);
	}
	*{box-sizing: border-box;}
	img{vertical-align: middle;}
	.header{min-width: 100%;padding: 5px 15px;height: auto;position: relative;z-index: 999;}
	.nav_menu,.foot_box,.one-third,.two-third{width: 100%;}
	.nav{height: auto;position: absolute;top: 100%;left: 0;display: none; background: #108747;width: 100%;z-index: 99;padding-bottom: 10px;}
	.nav .list a{float: none;width: 100%;font-size: 14px;}
	.nav .list ul>li,.nav .list ul{float: none;}
	.qrcord,.words,.return{display: none;}
	.floating_ck{top: 70%;}
	.foot_box .foot_content{padding:  15px;}
	.foot_box .foot_content ul{display: flex;align-items: center;}
	.footer img{width: 100px;}
	.foot_box .foot_content li,.one-half{width: 100%;}
	.logo img{width: 60px;}
	.nav_menu{height: auto;}
	.foot_box .foot_content li:first-child{padding-bottom: 10px;}
	.foot_box .foot_content li:nth-child(2),
	.foot_box .foot_content li:nth-child(3),
	.foot_box .foot_content li:nth-child(4),
	.foot_box .foot_content li:nth-child(5),
	.foot_box .foot_content li:nth-child(6){display: none;}
	.friendlink{padding: 15px;border-top: 1px solid #ddd;}
	.footer{margin-top: 40px;background-color: #fff;}
	
	
	.product,.select-list,.product_listbox{width: 100%;}
	.product_listbox{height: auto;margin: 10px 0;}
	.product{padding: 0 15px;margin-top: 0;}
	.product_listbox .listimg{width: 100%;height: auto;}
	.product_listbox .list_title{float: none;margin: 0;}
	.product_listbox .listinfo{padding: 10px;}
	.product_listbox .list_btn{float: none;margin: 10px 0 0;}
	.select-list{padding: 15px 0;}
	.select-list .button,.select-list .button.simple-grey{font-size: 14px;}
	
	.product_box,.pro_img_box,.pro_info_box{width: 100%;}
	.pro_info_box{padding: 0 15px;}
	.m{width: 100%;padding: 0 15px;}
	.jqzoom .pic{object-fit: cover;}
	.spec-preview,.jqzoom .pic,.spec-scroll,.spec-scroll .items{width: 100%;height: auto;}
	.spec-scroll .prev, .spec-scroll .next{position: absolute;top: 0;left: 0;z-index: 9;}
	.spec-scroll .next{left: auto; right: 0;}
	.spec-scroll .items{float: none;padding-top: 5px;}
	.pro_info_box p,.p_action{margin-left: 0;}
	.p_action{height: auto;}
	.p_action .p_call,.p_action .p_btn{width: auto;height: auto;padding: 10px;font-size: 12px;line-height: 20px;margin: 7px 0;}
	/* .p_action .p_btn{margin-left: 10px;} */
	#main_s_pic a{height: 46px;    width: 66px;}
	.banner_in{margin-top: 20px;}
	.product_listbox .list_title a{font-size: 14px;}
	.pro_img_box{padding: 0 15px;}

	.category_flex{
		flex-direction: column !important;
	}
	.category_flex a{
		border-bottom: inset;
		margin-bottom: 5px;
		text-align: left;

	}
	.category_flex .second_flex a{
		width: 50%;
		display: flex;
		align-items: center;
		/* justify-content: left; */
		text-align: left;
	}
	 .one-half{
		margin: 5px 0;
	 }
	 .design .mask p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
	}
	.language-phone{display: flex;justify-content: center;}

}