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

a:hover{
	text-decoration: none;
}

body{background: #fbfbfb;}


.banner img{
	margin: 0 auto;
}

.ddh{
	
}

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

.dh-l{
	float: left;
	width: 45%
}

@media (max-width:767px){
	.dh-l{
		width: 100%;
	}
	.dh-l ul li{
		width: 50%;
		padding: 0;
		text-align: center;
	}
}

.dh-l .xz{
	background: #fbfbfb;
}

.dh-l .xzz{
	color: #ee1f29!important;
}

.dh-l ul li{
	float: left;
	padding: 0% 10%;
}

.dh-l ul li a{
	/*padding: 0 1%;*/
	color: black;
}

.dh-r{
	font-size: 12px;
	text-align: left;
	color: #a9a9a9;
}

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

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

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

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

.dh-l form{
	height: 40px;
	line-height: 40px;
}

.dh-l .txto{
	height: 30px;
	line-height: 30px;
	width: 35%;
}

@media (min-width:768px) and (max-width:991px){
	.dh-l .txto{
		width: 60%;
	}
}

.dh-l .txtt{
	background: black;
	color: white;
	border: none;
	padding: 0% 6%;
	margin-left: 3%;
	height: 30px;
	line-height: 30px;
}

.ddhh{
	background:#E4E4E4
}

.ddhh ul .xz{
	background: #fbfbfb;
}

.ddhh ul li a{
	color: #222;
	font-size: 16px;
}

.ddhh ul .xz a{
	color: #ee1f29;
}

.ddhh ul li{
	float: left;
	padding: 1% 5%;
}

@media (max-width:767px){
	.ddhh .container{
		padding: 0;
	}
	.ddhh ul li{
		width: 50%;
		padding: 2% 0;
		text-align: center;
	}
	.ddhh ul li a{
		font-size: 14px;
	}
}

@media (min-width:1200px){
	.proppp .container{
	width: 1240px;
}
}













.pro-fl{
	margin-top: 10%;
	width: 100%;
	border: 1px solid #e4e5e8;
}

.pro-fl ul .lih{
	background: #000;

}

.pro-fl ul li h2{
	margin: 5% 0;
	font-size: 24px;
	color: white;
}

.pro-fl ul li{
	float: left;
	padding: 5% 0 5% 10%;
	width: 100%;
	background: #fff;
	border-top: 1px solid #e4e5e8;
}

.pro-fl ul a{
	color:#000
}

.pro-fl ul a:hover{
	color: white;
}

.pro-fl ul a:hover li{
	background:#000;
}


.profff{
	padding: 0 5px;
}












.banner{
	margin-top: 90px;
}

@media (min-width:768px) and (max-width:1200px){
	.banner{
	margin-top: 80px;
}
}

@media (max-width:767px){
	.banner{
	margin-top: 60px;
}
}
















.aone{
	padding-bottom: 2%;
}

.atwo{

	padding: 0 3%;
}

.atwo h2{
	text-align: center;
	margin: 3% 0 3%;
}

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

.atwo ul li{
	float: left;
	width: 20%;
}

.atwoimg img{
	padding: 1%;
}

.atwoimg p{
	text-align: center;
	text-indent: 0
}

.atwoimgt{
	margin-top: 3%;
}

.atwoimgt img{
	float: left;
}

@media (min-width:992px) and (max-width:1199px){
	.atwoimgt img{
	float: left;
		width: 90%;
}
}

.afour p{
	text-align: center;
	text-indent: 0;
	font-size: 14px;
	margin-bottom: 5%;
}

@media (max-width:1199px){
	.afour p{
	font-size: 1.1rem;
}
}

.atwoimgt p{
		line-height: 28px;
		font-size: 14px;
		text-indent: 0;
     	float: left;
	margin-left: 5%;
}

@media (max-width:991px){
	.atwoimgt p{
		width: 100%;
		margin: 0 auto;
		line-height: 28px;
		font-size: 14px;
		text-indent: 0;
		text-align: center;
	}
}


.athree{
	margin-top: 10%;
	width: 90%;
	border: 1px solid #e4e5e8;
}
@media  (max-width:991px){
	.athree{
		margin-top: 3%!important;
		width: 100%!important;
	}
	.athree ul li{
		float: left!important;
		width: 50%!important;
	}
	.athree ul li{
		padding: 2% 0!important;
		text-align: center!important;
	}
}

.athree ul .lih{
	background: #000;

}

.athree ul .lia{
	background: #000;
	color: white;

}

.athree ul li h2{
	margin: 5% 0;
	font-size: 24px;
	color: white;
}

.athree ul li{
	float: left;
	padding: 5% 0 5% 10%;
	width: 100%;
	background: #fff;
	border-top: 1px solid #e4e5e8;
}

.athree ul a{
	color:#000
}

.athree ul a:hover{
	color: white;
}

.athree ul a:hover li{
	background:#000;
}


.afour{
	border-left: 1px solid #eeeef0;
	padding: 0 3%;
}

.afour h2{
	text-align: center;
	margin: 5% 0 3%;
}















@media (min-width:1200px){
	.pone .container{
	width: 1240px!important
	}
	.pone .col-md-3{
		width: 22%;
	}

	.pone .col-md-9{
		width: 78%;
	}
	
	.ptwo .col-md-3{
		width: 25%
	}
	
}


.projieshao p{
	line-height: 28px;
}

.projieshao img{
	display: block;
	max-width: 100%;
	height: auto
}


.pro-con table{
	width: 100%;
}

.pone{
	padding-bottom: 0%
}

.ptwo{
	/*border-left: 1px solid #eeeef0;*/
	margin-bottom: 4%;
}

@media (min-width:992px){
	.ptwo{
		padding: 0
	}
}

.ptwo h2{
	text-align: center;
	margin: 3% 0 3%;
}

.ptwo .proimg{
	box-shadow: 0 0 5px #888;
	overflow: hidden;
	
}
.ptwo .proimgg{
	box-shadow: 0 0 5px #888;
	overflow: hidden;
	margin-bottom: 8%;
}

.ptwo .proimgg p{
	padding: 1% 0;
	margin-bottom: 0;
	background: #ee1f29;
	color: white;
}

.ptwo .prop{
	text-align: left;
	padding: 3% 0 3% 5%;
	font-size: 13px;
	color: black;
	margin-bottom: 8%;
	
	
}

@media (max-width:767px){
	.ptwo p{
		font-size: 1.2rem
	}
}

.ptwo a:hover p{
	
	color: black;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
	
}

.ptwo .proimgg:hover p{
	background: #ee1f29;
	color: white;
}

.ptwo a:hover img{
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transform: scaleX(1.1) ;
	-moz-transform: scale(1.1) ;
	-ms-transform: scale(1.1) ;
	-webkit-transform: scale(1.1) ;
	-o-transform: scale(1.1) ;
}

@media  (max-width:991px){
	.pro-fl{
		margin-top: 3%!important;
		width: 100%!important;
		border: none;
	}
	.pro-fl ul li{
		float: left!important;
		width: 33%!important;
		padding: 2% 0!important;
		text-align: center!important;
		border: 1px solid #e4e5e8;
	}
}


.pross{
	background: #eeeef0;
	margin-top: 3%;
	padding: 1.5% 2% 1%;
}

.pross h4{
	font-size: 14px;
	text-align: left;
	margin: 0;
}

.prosss{
	margin-bottom: 0;
}

.pross .prosss .li{
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-bottom: 5%;
}

.pross .prosss li{
	float: left;
	
	margin-bottom: 1%;
}

.pross .prossss li{
	float: left;
	width: 22%;
	margin-bottom: 1%;
}

.pross .prossss{
	margin-bottom: 0;
}

/*.pross .prosss li:nth-child(odd){
	float: left;
	width: 45%;
	margin-bottom: 5%;
}*/

.pross .prosss .txtf{

	background: black;
	color: white;
	border: none;
	margin-left: 50px;
	padding: 3px 20px;
}

.pross .prossss li .txt{
	width: 20%;
	border: none;
}

@media  (max-width:767px){
	.pross .prossss li {
		width: 100%;
	}
	.txtfff{
		
		padding: 4px 20px!important;
		margin-top: 2%;
		background: black;
		color: white;
		border: none;
	}
}


@media (min-width:400px) and (max-width:767px){
	.pross .prossss li .txt{
		width: 27%;
	}
}

@media (min-width:768px) and (max-width:991px){
	.pross .prossss li .txt{
	
	}
	.pross .prossss li{
		width: 33%!important;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.pross .prossss li .txt{
	width: 25%!important;
	}
	.pross .prossss li{
		width: 30%!important;
	}
}

.pross .txto{
	line-height: 26px;
	width: 100%;
	padding-left: 10px;
	border: none;
}

@media (min-width:768px) and (max-width:991px){
	.pross .txto{
	width: 70%;
		margin-bottom: 0;
		
	}
	.kone{
		width: 70%!important;
		margin: 0!important;
	}
	
	.pross .prosss .li{
		margin-left: 0!important;
		width: 90%!important;
	}
	
	.pross .prosss li{
		margin-left: 0!important;
		width: 90%!important;
	}
	
	.pross .txtt{
	width: 20%!important;
	margin-top: 1%!important;
	padding: 1% 0!important;
}
	.pross .prosss .txtf{
		width: 80%!important;
		padding: 2% 0!important;
		margin-top: 4%;
	}
	.ptwo h2{
		margin-top: 1%!important;
	}
	
	.txtfff{
		width: 15%!important;
		padding: 1% 0!important;
		margin-top: 2%;
		background: black;
		color: white;
		border: none;
	}
}


@media (max-width:767px){
	.pross .txto{
	width: 90%;
		margin-bottom: 0%;
}
	
	.pross .txtt{
	width: 90%!important;
	margin-top: 2%!important;
	padding: 1.5% 0!important;
}
	.pross .prosss .txtf{
		width: 80%!important;
		padding: 2% 0!important;
	}
	.ptwo h2{
		margin-top: 4%!important;
	}
	
	.pross .prosss li{
	width: 90%!important;
	margin: 1% 0 2% 0!important;
	}


}

@media (max-width:399px){
	.pross .prosss .txtf{
		width: 50%!important;
	}
	.pross .prosss li{
		width: 100%!important;
	}
}

.pross .txtt{
	width: 15%;
	background: black;
	color: white;
	border: none;
	padding: 1% 0;
	float: left;
	margin-left: 3%;
}



.kone{
	width: 100%;
	margin-left: 25px;
	
}

@media (max-width:767px){
	.kone{
		width: 90%;
		margin: 0% 0;
	}
	
}

.kone .filter-disabled {
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.kone .filter-box {
    position: relative;
}

.kone .filter-box select {
	display: none;
}

.kone .filter-text {
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding: 0 30px 0 10px;
	background: #fff;
	border: 1px solid #e6e6e6;
}

.kone .filter-text input {
	font-size: 14px;
}

.kone .filter-text .filter-title {
	width: 100%;
	height: 26px;
	line-height: 26px;
	border: 0;
	background-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
	cursor: pointer;
}

.kone .filter-list {
	display: none;
	width: 100%;
	max-height: 300px;
	background-color: #fff;
	font-size: 14px;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 99;
	border: 1px solid #e6e6e6;
	overflow: auto!important;
}

.kone .filter-list li.filter-null a {
	color: #d2d2d2;
}

.kone .filter-list li a {
	display: block;
	padding: 0 10px;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	color: black;
}

.kone .filter-list li{
	width: 100%!important;
}

.kone .filter-list li:hover {
	background-color: #f2f2f2;
}

.kone .filter-list li.filter-selected {
	background-color: #000;
	
}

.kone .filter-list li.filter-selected a{
	display: block;
	color: #fff;
}

.kone .filter-list li.filter-disabled {
	background-color: #fff;
}

.kone .filter-list li.filter-disabled a{
	display: block;
	color: #d2d2d2;
}

.kone .filter-list li.filter-disabled:hover a {
	cursor: not-allowed!important;
	background-color: #fff;
}

.kone .icon {
	position: absolute;
}

.kone .icon-filter-arrow {
	width: 8px;
	height: 6px;
	background-repeat: no-repeat;
    background-image: url(../images/icon_arrow_down_x2.png);
    background-size: 100%;
    right: 10px;
    top: 13px;
    transition: all .2s;
}

.kone .icon-filter-arrow.filter-show {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.kone .filter-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.kone .filter-list::-webkit-scrollbar-track {
	background: #fff 
}

.kone .filter-list::-webkit-scrollbar-thumb {
	background: #CBCBCB;
}

















/*nav*/
.demo a{color: #fff;text-decoration: none;}
.demo{width: 100%;margin-top: 2%;}
.demo a,button{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.demo a:hover,button{opacity: 0.6;}
.demo a.current{background:#1d7db1;color: #fff; }

.pone button{
	background: black!important;
	color: white!important;
	opacity: 1!important;
}

@media (max-width:767px){
	.pone .col-xs-6{
		padding: 5px;
	}
}

.pfive h3{
	text-align: left;
	margin: 0 0 5% 0;
	color: #ee1f29;
}

@media (max-width:991px){
	.pfive h3{
	margin: 3% 0 4% 0;
}
}

.pfive p{
	background: none;
	color: black;
	text-align: left;
	padding: 1% 0 1% 0%;
	font-size: 14px;
}

.pfive p img{
	width: 15%;
	margin-top: 0%;
}

@media (min-width:768px) and (max-width:991px){
	.pfive p img{
		width: 5%;
		margin-top: 0;
	}
}






























.none{
	padding-bottom: 2%;
}

.ntwo{

}

.ntwo h2{
	text-align: center;
	margin: 3% 0 3%;
}

.nthree{
	background: #E7E7E7;
	padding: 1%;
	margin-bottom: 3%;
}

.nthree:hover{
	box-shadow: 0 0 10px #888;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.nthree h3{
	margin: 1% 0 2% 0;
	color: #000;
	font-size: 2rem;
}

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

.nthree a{
	color:  #ee1f29;
}

.nthree h4{
	color: #ee1f29;
	text-align: right;
}

@media (max-width:991px){
	.nfour{
		padding: 0 3%;
	}
}

@media (max-width:767px){
	.nthree img{
		padding: 3% 0;
	}
}

.nfour h2{
	text-align: center;
	margin: 5% 0 3%;
	font-size: 2rem;
	font-weight: 600
}

.nfour p{
	font-size: 14px;
	line-height: 28px;
	
}



.nfour{
	text-align: center;
}

.nfour img{
	margin: 0% auto!important;
	display: block;
	max-width: 100%;
	height: auto
}



















.fone{
	padding-bottom: 2%;
}

.ftwo{
	
}

.ftwo h2{
	text-align: center;
	margin: 3% 0 3%;
}

.ftwo h3{
	margin-top: 0;
	margin-bottom: 3%;
}

.ftwo p{
	margin-bottom: 4%;
}

@media (max-width:767px){
	.ffa{
		margin-bottom: 5%;
	}
}

.ffa{
	margin-top: 5%;
}

.ffa a{
	background: red;
	color: white;
	padding: 2% 3%;
}

.ftwo .zl{
	border-bottom: 1px solid #eeeef0;
	padding-bottom: 5%;
	margin-bottom: 5%;
}

.fthree{
	margin-top: 10%;
	width: 90%;
	border: 1px solid #e4e5e8;
}

@media  (max-width:991px){
	.fthree{
		margin-top: 3%!important;
		width: 100%!important;
	}
	.fthree ul li{
		float: left!important;
		width: 50%!important;
	}
	.fthree ul li{
		padding: 2% 0!important;
		text-align: center!important;
	}
}

.fthree ul .lih{
	background: #000;

}

.fthree ul .lia{
	background: #000;
	color: white;

}

.fthree ul li h2{
	margin: 5% 0;
	font-size: 24px;
	color: white;
}

.fthree ul li{
	float: left;
	padding: 5% 0 5% 10%;
	width: 100%;
	background: #fff;
	border-top: 1px solid #e4e5e8;
}

.fthree ul a{
	color:#000
}

.fthree ul a:hover{
	color: white;
}

.fthree ul a:hover li{
	background:#000;
}

@media (min-width:992px){
	.dz-img{
	margin-bottom: 10%;
}

}


.dz-img:hover img{
	box-shadow: 0px 0px 10px #555;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
}

.dz-img:hover .dz-zi{
	box-shadow: 0px 5px 10px #555;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
}

.dz-zi{
	width: 80%;
	margin: 0 auto;
	background: #ee1f29;
	padding: 2% 0;
	position: relative;
	top: -12px;
	border-radius: 8px;
}

.dz-zi h3{
	margin: 0;
	color: white;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
}

.dz-img:hover .dz-zi{
	top: -24px;
	background: black;
	color: white;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	
}

.ffour h2{
	text-align: center;
	margin: 5% 0 3%;
}

.ffour p{
	font-size: 14px;
	line-height: 28px;
	
}





@media (max-width:767px){
	.zl img{
		margin: 0 auto;
	}
}









































.cone{
	padding-bottom: 2%;
}

.ctwo{

}

.ctwo h2{
	text-align: center;
	margin: 3% 0 3%;
}

.ctwo ul li h3{
	margin: 0 0 0%;
	color: #ee1f29;
}

@media (max-width:991px){
	.ctwo ul li h3{
		text-align: center;
		display: none;
	}
}

.ctwo ul li h4{
	margin: 6% 0 3%;
	color:#232323
}

.ctwo ul li{
	margin: 2% 0;
	color:#838383;
	font-size: 13px;
}


.fgs{
	margin-top: 6%;
	border-top: 1px solid #eeeef0;
	padding-top: 3%;
}

.ctwo a{
	color:#838383
}
.ctwo a:hover{
	color: #ee1f29;
}
































.products .portfolio-item {
	margin: 0 0 15px;
	right: 0;
}
.products .portfolio-item .portfolio-link {
	display: block;
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}
.products .portfolio-item .portfolio-link .portfolio-hover {
	background: rgba(252, 114, 8, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s
}
.products .portfolio-item .portfolio-link .portfolio-hover:hover {
	opacity: 1
}
.products .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	position: absolute;
	width: 100%;
	height: 20px;
	font-size: 20px;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	color: white
}
.products .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
	margin-top: -12px
}
.products .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, .products .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin: 0
}
.products .portfolio-item .portfolio-caption {
	max-width: 400px;
	margin: 0 auto;
	background-color: white;
	text-align: center;
	padding: 25px;
	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}
.products .portfolio-item .portfolio-caption h4 {
	text-transform: none;font-size:18px; 
	margin: 0; font-weight: bold;
}
.products .portfolio-item .portfolio-caption p {

	font-size: 16px;
	margin: 0; color: #666;
}
.products * {
	z-index: 2
}

.portfolio-caption a:hover b{
	color: #fc7208;
}

.products h2{
	font-size: 20px;
	margin-top: 5%;
	margin-bottom: 2%;
	text-align: center;
	color: #fc7208;
}

.products td a{
	margin: 0 1%;
}

.products td a:hover{
	color: #fc7208;
}


.zhanshi td a{
	margin: 0 1%;
}

.zhanshi td a:hover{
	color: #fc7208;
}


.productImg{ width:100%; position:relative;float: left;}

.Big_productimg{ width:44%; margin: auto;   border:1px solid #e0dfdf; text-align:center; position:relative;}




.small_productimg{ width:50%; margin: auto; border-top:1px solid #e0dfdf; margin-top:15px; padding-top:10px; position:relative;}

.small_productimg ul{ overflow:hidden; zoom:1;}

.small_productimg li{ width:136px;height: 90px; text-align:center; overflow:hidden; zoom:1; float:left; border:1px solid #e0dfdf; margin-right:5px; padding:2px;}

.small_productimg li a{ display:block;  overflow:hidden; zoom:1;}

.small_productimg li a img{ width: 100%;}

.small_productimg li.on{ border:1px solid #ff8533;}



.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:16px; background:#ea5404;border-radius: 4px; color:#FFF; font-weight:normal;}

.detail_pro_img{ padding:10px 15px 0; text-align:left; font-size:16px; line-height: 40px;} 

.detailproduct p{
	margin-left:0cm;text-indent:0cm;
}

.detail_pro ul li{
	float: left;
	width: 50%;
	
	text-align: left;
	border-bottom: 1px solid #DBDBDB;
line-height: 60px;
}



.item-pic__box {
	position: relative;
	width: 500px;
	margin: 0 auto;
}
.small-box {
	position: relative;
	width: 500px;
	
	margin-bottom: 5px;
}
@media (max-width:1199px){
	.small-box {
	width: 100%;
}
}
.small-box img{
	width: 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: #fc7208 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0;background-position: center left}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #fc7208 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 440px;
	margin: 0 auto;
}
@media (max-width:1199px){
	.thumbnail-box > .thumb-list{
		width: 80%;
	}
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 20%;
	
	margin: 0 0px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

@media (max-width:767px){
	.thumbnail-box > .thumb-list .item{
		width: 33%;
	}
	.thumbnail-box > .thumb-list{
		width: 80%;
	}
}

.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 #fc7208;
}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 462px;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 600px;
	float: right;
	padding: 80px 40px 20px 40px;
}
.item-title {line-height: 2em; padding-bottom: 40px;}
.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: #fc7208;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #fc7208;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #fc7208;
	border-right: 10px solid #fc7208;
}
.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;}