@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}





.dh-l{
	text-align: left;
	float: left;
	width: 50%;
}

.dh-l ul li{
	float: left;
	color: #ff0000;
	padding: 0 5%;
	font-size: 14px;
}

.dh-l ul li:hover{
	background: #ff0000;
	color: #fff;
}

.dh-l ul{
	margin-bottom: 0;
}

.dh-l .active{
	background: #ff0000;
	color: #fff;
}


.dh{
	height: 45px;
	line-height: 45px;
	
}

.dh-r{
	font-size: 12px;
	text-align: right;
	color: #a9a9a9;
	width: 50%;
	float: right;
}

.dh .dh-r a{
	color: #a9a9a9;
	padding: 0 1%;
	font-size: 12px;
}

.dh .dh-r a:hover{
	color: #ff0000;
}

.dh .dh-r img{
	width: 15px;
	margin-top: -3px;
	
}

.app{
	background: #cdcdcd!important;
	color: #000!important;
}



.page{
	text-align: center;
	margin-top: 5%;
}

.page ul li{
	float: left;
	font-size: 14px;
}

.page ul{
	display: inline-block;
}

.page ul li a{
	padding: 6px 12px;
	color: #ff0000;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	
}

.page b{
	color: #ff0000;
	margin: 0 3px;
}

.page .active a{
	color: #fff;
cursor: default;
background-color: #ff0000;
border-color: #ff0000;
}

.page .active a:hover{
	color: #fff;
}








.profl{
	margin-top: 1%;
}

.profl ul li{
	float: left;
    line-height: 46px;
    height: 46px;
    margin-left: 0px;
    margin-right: 8px;
    text-align: center;
}

.profl ul li a{
	color: #898989;
    font-size: 14px;
    display: block;
    height: 46px;
    margin-bottom: 8px;
    background: #f4f4f4;
    padding: 0 45px;
}
.profl ul li a:hover{
	background: #ff0000;
	color: #fff;
}

.profl .active{
	background: #ff0000;
	color: #fff;
}







.about{
	padding: 3% 0;

}

.aboutzi{
	margin-bottom: 5%;
}

.aboutzi h2{
	text-align: center;
	font-size: 28px;
}

.aboutcon{
	margin-bottom: 5%;
}

.aboutcon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}



.aboutbottom{
}

.aboutbottom ul li{
	float: left;
	width: 30%;
	
}

.aboutbottom ul li:nth-child(2){
	margin: 0 3% 0 7%;
}

.aboutbottom .aboutimg{
	float: left;
	width: 30%;
}

.aboutbottom .aboutimg img{
	width: 80%;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.aboutbottom ul li:hover img{
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.aboutbottom .aboutimgcon{
	float: left;
	width: 70%;
}

.aboutbottom .aboutimgcon h4{
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
}

.aboutbottom .aboutimgcon p{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}

@media (max-width:1500px){
	.aboutbottom .aboutimgcon p{
		font-size: 13px!important;
	}
}





.zl{
	padding: 3% 0;

}

.zlzi{
	margin-bottom: 5%;
}

.zlzi h2{
	text-align: center;
	font-size: 28px;
}

.zlcon{
	margin-bottom: 3%;
}

.zlcon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}






.yx{
	padding: 3% 0;
	background: #efefef
}

.yxzi{
	margin-bottom: 5%;
}

.yxzi h2{
	text-align: center;
	font-size: 28px;
}

.yxcon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}






.wh{
	padding: 3% 0;

}

.whzi{
	margin-bottom: 5%;
}

.whzi h2{
	text-align: center;
	font-size: 28px;
}

.whcon{
	margin-bottom: 3%;
}

.whcon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}




.fc{
	padding: 3% 0;

}

.fczi{
	margin-bottom: 5%;
}

.fczi h2{
	text-align: center;
	font-size: 28px;
}

.fccon{
	margin-bottom: 3%;
}

.fccon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}





.zz{
	padding: 3% 0;

}

.zzzi{
	margin-bottom: 5%;
}

.zzzi h2{
	text-align: center;
	font-size: 28px;
}

.zzcon{
	margin-bottom: 3%;
}

.zzcon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}























.pro{
	padding: 3% 0;

}

.prozi{
	margin-bottom: 5%;
}

.prozi h2{
	text-align: center;
	font-size: 28px;
}


.procon ul li{
	float: left;
	width: 31%;
	margin: 1%;
	box-shadow: 0 0 2px #888;
}

.proimg{
	overflow: hidden;
}

.procon img {
	transition: all .5s;
	-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
	
}

.procon a:hover img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	transform: scale(1.05);
	-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
}

.prodimg{
	overflow: hidden;
	border: 1px solid #f25b19;
}

.prop{
	display: block;
	position: relative;
	background :rgba(255,255,255,1.00);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	text-align: center;
	padding: 15px 0;
}

.prop p{
	margin-bottom: 0;
	color: #ff0000;
}

/*.pc-slide{
	box-shadow: 0 0 2px #888;
}*/


.proo{
	
}

.proo img{
	border: 1px solid #ccc;
	margin: 0 auto;
}

.sx{
	padding: 20px 0 0 0;
}

.sx h3{
	font-size: 20px;
	line-height: 50px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 20px;
}

.sx a{
	color: #555;
}

.sx .xian{
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 4% 0
}


.preview { width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide {width: 23%!important;height: 100%;margin: 0 1%;}
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 9px; height: 18px;z-index: 10;}
.preview .arrow-left {background: url("../images/culture/arrow-left.png") no-repeat center;left: 10px;}
.preview .arrow-right {background: url("../images/culture/arrow-right.png") no-repeat center;right: 10px;}
.preview img {padding: 2px;}
.preview .active-nav img {padding: 0;border: 1px solid #ff0000;}









.shebei{
	padding: 3% 0;

}

.shebeizi{
	margin-bottom: 5%;
}

.shebeizi h2{
	text-align: center;
	font-size: 28px;
}













.lc{
	padding: 3% 0;

}

.lczi{
	margin-bottom: 5%;
}

.lczi h2{
	text-align: center;
	font-size: 28px;
}

.lccon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}

.lccon h3{
	font-size: 24px;
	color: #ff0000;
	margin-bottom: 3%;
}












.online{
	padding: 3% 0;
}

.onlinezi{
	margin-bottom: 3%;
}

.onlinezi h2{
	text-align: center;
	font-size: 24px;
}


.mes ul li{
	float: left;
	width: 40%;
	margin-right: 10%;
	margin-bottom: 2%;
	border-bottom: 1px solid #B9B9B9;
}

.mes ul li:nth-child(5){
	border-bottom: none;
}

.mes label{
	color:#4E4E4E
}

.mes ul li input{
	border: none;
	background: none;
	width: 60%;
	font-size: 14px;
	color:#323232;
	padding-left: 2%;
}

.mes ul .wide{
	width: 40%;
}

.mes ul li textarea{
	width: 100%;
	font-size: 14px;
	color:#323232;
	padding: 1%;
	height: 150px;
	margin-top: 4%;
}

.mes .submit{
	background: #f25b19;
	color: white;
	padding: 2% 2%;
	padding: 10px 4%;
	border: none;
	margin-bottom: 5%;
}























.news{
	padding: 3% 0;
}

.newszi{
	margin-bottom: 5%;
}

.newszi h2{
	text-align: center;
	font-size: 28px;
}


.newscon{
	margin-top: 3%;
}

.newscon ul{
	margin-bottom: 0;
}

.newscon ul li{
	float: left;
	width: 31%;
	text-align: left;
	margin: 0 1%;
}


.newscon span{
	line-height: 18px;
    font-size: 14px;
    
	color: #777;
}

.newscon h3{
	color: #ff0000;
    font-size: 20px;
	margin-top: 20px;
	margin-bottom: 38px;
}

.newscon p{
	font-size: 14px;
	color: #555;
	line-height: 28px;
}

.newsa{
	text-align: left;
	margin-top: 4em;
}

.newsa a {
    
    padding: 8px 20px;
    border: 1px solid;
    color: #545454;
    
    font-size: 14px;
	border-radius: 5px;
}

.newsa a:hover{
	background: #ff0000;
	color: #fff;
}



.newsscon p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
	margin-bottom: 10px;
	color: #555;
}








































.contact{
	padding: 3% 0;
}

.contact .col-md-6{
	float: left;
}

.contactzi{
	margin-bottom: 5%;
}

.contactzi h2{
	text-align: center;
	font-size: 28px;
}

.contact h3{
	font-size: 20px;
	margin-bottom: 4%;
}

.contact ul li{
	float: left;
	width: 100%;
	margin: 1% 0 2%;
	font-size: 14px;
}











.fenye a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:3px 8px;padding-bottom:2px;margin-right:3px;cursor:pointer}
.fenye .red{background:#000000!important; color:#fff; border:0; padding:3px 8px;}
.fenye a.active{background:#000;border:1px solid #cccccc;color:#fff}
.fenye a:hover{text-decoration:none;color:#fff;background:#000000;border:1px solid #cccccc}






.onePorfile .lico { background: url(../images/line_1.png) no-repeat scroll center center; width: 100%; height: 20px; margin: 20px 0px 32px; }
.onePorfile .icoBox { text-align: center; }
.onePorfile .icoBox img { vertical-align: middle; }
.onePorfile .icoBox span { margin: 0px 40px; }
.onePorfile .con { text-align: center; color: #323232; font-size: 14px; padding-top: 3%; }
.onePorfile.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.onePorfile.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.twoPorfile { margin-top: 95px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5%; }
.twoPorfile-con { position: relative; top: -95px; background-color: #fff; width: 828px; padding: 95px 108px; margin: 0px auto; }
.ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;
}
.ilist.on .item1:nth-child(n+5){
	display: none;
}
.item1{
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0 0;
	zoom: 1;
	position: relative;
}
.item1 .contai{
	height: 100%;    border: 1px solid #f3f3f3;    background: #fff;
}
.item1 .contai:hover .box{
	    box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
	    transform: translate(0,-3px);
	    z-index: 3;
	    position: relative;
	}
.item1 .btnbox{
	position: absolute;
	bottom: 36px;
	left: 2px;
	width: calc(100% - 20px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: -1;
	opacity: 1;
	visibility: hidden;
}
.item1 .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	    line-height: 26px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	opacity: 0;
}
.item1 .btnbox a.purchase{
    background-color: #5faa33;
    color: #ffffff;
    border: 1px solid #5faa33;
}
.item1 .box{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	padding-bottom: 38px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;    color: #333;
}
.item1 .box .imgs{
	
}
.item1 .box .imgs img{     max-width: 100%;}
.item1 .tit{
	color: #666;
	padding: 0 3%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom: 6px;
}
.d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
.item1 .d3{
	color: #5faa33;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;

	line-height: 30px;
}


.item1 .contai:hover .box,
.item1 .contai:hover .btnbox{
		z-index: 2;
		visibility: visible;
		opacity: 1;
	    transform: translate(0,-3px);
	}
.item1 .contai:hover .btnbox a{
		opacity: 1;
	}
.item1 .btnbox a:hover{
		color: #808080;
	}
.item1 .btnbox a.purchase:hover{
		background-color: #5faa33;
		color: #fff;
	}





.item-pic__box {
	    position: relative;
    width: 60%;
    margin: 0 auto;
}
.small-box {
	    position: relative;
    width:100%;
    
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 19%;
	
	margin: 0 0.5%;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {
	border: 2px solid #ff0000;
}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:110%;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 50%;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:34px; padding-left:15px; font-size:14px; background:#5faa33;border-radius: 4px; color:#FFF; font-weight:normal;    font-family: 'Poppins', sans-serif;    text-align: left;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px; font-size:14px;} 



.more11 {
	width: 18%;
	height: 39px; margin-left: 41%;
	color: #fff; float: left;
	line-height: 39px;
	text-align: center;
	background-image: linear-gradient(160deg, rgba(130,182,45,1) 20%,rgba(246,235,3,1) 80%);
	font-size: 14px;
	display: block;
	margin-top: 40px;
	transition: background 0.3s, border 0.3s, color 0.3s;
}
a:hover.more11 { color: #fff; background:rgba(130,182,45,1)}

.lanmu{ position:fixed;left:2.5%;top:35%; z-index:1000}
.lanmu li { overflow: hidden; border-radius: 2px; margin-bottom: 10px;line-height: 40px; font-size: 14px; height: 40px; padding: 0px 10px; border: 1px solid #f3f3f3; background: #5faa33; color: #fff;}
.lanmu li i{ margin-right: 5px;line-height: 15px;width:100%; float: left; text-align: center;}
.lanmu li i img {width:35px; height:35px;opacity:0.5}
.lanmu li a{line-height: 40px; height: 40px; color: #fff;}
.lanmu li a:hover{line-height: 40px; height: 40px; color: #fff;}
.lanmu li.ahover{opacity:1; color:#fff;background:#000;}
.lanmu li.ahover a{opacity:1; color:#fff;background:#000;}
.lanmu li p{ line-height:40px;text-align: center;}


















@media (min-width:768px) and (max-width:991px){
	.banner{
		padding-top: 88px;
	}
	.procon .col-md-4,.sbcon .col-md-4{
		width: 48%;
		margin: 0 1% 3%;
		float:left;
		padding: 0;
	}
	.newscon .col-md-4{
		margin-bottom: 5%;
	}
	.mes{
		padding: 0 15px;
	}
}














@media (max-width:767px){
	.banner{
		display: none;
	}
	.contact,.online,.news,.pro,.about,.shebei{
		padding-top: 100px;
	}
	.contactzi h2,.onlinezi h2,.newszi h2,.prozi h2,.aboutzi h2,.shebeizi h2{
		margin-bottom: 30px;
	}
	.mes{
		padding: 0 15px;
	}
	.mes ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.mes ul .wide{
		width: 100%;
	}
	.mes .submit{
		padding: 10px 10%;
	}
	.procon .col-md-4,.sbcon .col-md-4{
		width: 48%;
		margin: 0 1% 3%;
		float:left;
		padding: 0;
	}
	.newscon .col-md-4{
		margin-bottom: 5%;
	}
	
}