#content-main #products ul{overflow:hidden;margin-top:40px;display:flex;flex-wrap:wrap}
#content-main #products ul li{width:calc((100%/3) - 30px);margin:15px}
#content-main #products ul li h2{overflow:hidden;height:25px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;font-weight:normal;margin:10px 0;display:none}
#content-main #products ul li h2 a{font-size:18px;color:#b62534}
#content-main #products ul li:nth-child(3n){margin-right:0}
#content-main #products ul li:nth-child{margin-right:0}
#content-main #products ul li .bigbox1{width:100%;overflow:hidden;position:relative;border-radius:15px}
#content-main #products ul li .bigbox1 a{display:block;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
#content-main #products ul li div.bigbox1 img{width:100%}
#content-main #products ul li div.bigbox1 .txt{width:100%;height:0;margin:0;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;transition:all 0.5s;color:#fff}
#content-main #products ul li div.bigbox1 .txt img{width:auto;height:auto}
#content-main #products ul li .bigbox1:hover .txt{height:100%}
#content-main #products ul li .bigbox1 .txt h2 a{color:rgba(0,0,0,0.8);height:188px;line-height:188px;font-size:24px;font-weight:bold;text-align:center;color:#fff;background-color:rgba(25,25,25,0.6)}
#content-main #products ul li .bigbox1:hover .txt h2 a{width:100%;display:block}
#content-main .productIntro{overflow:hidden;margin-bottom:20px}
#content-main .productIntro #albumBox{float:left;width:34%;margin:0 1%}
#content-main .productIntro #albumBox .img{margin-bottom:15px;height:400px;background-size:cover;background-position:center;background-repeat:no-repeat}
#content-main .productIntro #albumBox .img img{width:100%}
#content-main .productIntro #albumBox .slick-initialized .slick-slide{display:block;margin-right:7px;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%}
#content-main .productIntro #introBox{float:right;width:60%;margin:0 1%;padding:10px 0}
#content-main .productIntro #introBox span{color:#026ea2}
#content-main .productIntro #introBox h3{color:#232323;font-size:24px;font-weight:normal;border-bottom:1px solid #6F6E6E;padding-bottom:10px}
#content-main .productIntro #introBox article{padding:10px 0;color:#424242;font-size:16px}
#content-main .productIntro #introBox #community{margin-bottom:30px}
#content-main .productIntro #introBox .orderfunction,#content-main .productIntro #introBox .orderfunction p{margin:10px 0}
#content-main .productIntro #introBox .orderfunction p:nth-child(2),#content-main .productIntro #introBox .orderfunction p:nth-child(2) span{font-size:18px;font-weight:bold;color:#D9080C}
#content-main .productIntro #introBox .orderfunction p input[type="number"]{padding:5px 10px;width:50px;border:1px #ccc solid}
#content-main .productIntro #introBox .orderfunction p a{margin-left:10px;padding:5px 10px;background:#3369ab;display:inline-block;color:#fff}
#content-main #product-article{width:98%;margin:30px 1%}
#content-main #product-article .tabs{border-bottom:1px solid #6F6E6E;padding-bottom:15px}
#content-main #product-article .tabs li{display:inline-block;border:1px solid #5D5D5D;padding:10px 20px;margin-bottom:5px}
#content-main #product-article .tabs li:hover{background:#69aaca}
#content-main #product-article .tabs li:hover a{color:#fff}
#content-main #product-article .tabs li.active{background:#026DA2}
#content-main #product-article .tabs li.active a{color:#fff}
#content-main #product-article #tabs_container{padding:15px 0}
#content-main #product-article #tabs_container .tab_content{width:98%;margin:0 1%}
#content-main #product-article #tabs_container .tab_content img{max-width:100% !important}
#pro-article{margin-bottom:30px;overflow:hidden;position:relative}
#pro-article ul.tabs{width:100%;height:30px;border-bottom:1px #444 solid;overflow:visible}
#pro-article ul.tabs li{margin:0 3px -1px 0;height:29px;border:1px #765C30 solid;border-bottom:1px #444 solid;float:left;overflow:hidden;position:relative;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
#pro-article ul.tabs li a{padding:0 10px;height:29px;display:block;text-align:center;line-height:35px;font-size:14px}
#pro-article ul.tabs li.active{border:1px #444 solid;border-bottom:1px #fff solid}
#pro-article ul.tabs li.active a{color:#000;font-weight:bold}
#pro-article #tabs_container{clear:left;width:100%;}
#pro-article #tabs_container .tab_content{line-height: 210%;font-size:16px}
#pro-article #tabs_container #tab2,#pro-article #tabs_container #tab3{display:none}
.sub-pro-img{overflow:hidden}
.sub-pro-img li{display:inline-block;width:23%;margin:0 1%;height:60px}
.sub-pro-img li a{display:block;overflow:hidden;height:100%}
.sub-pro-img li a img{width:100%}
.ask{margin:20px 0;text-align:right}
.ask a{padding:0 20px;height:39px;background:#3b3b3b;display:inline-block;line-height:39px;font-size:18px;color:#fff}
.other-product{clear:both;margin-top:20px;padding-top:20px;border-top:1px #e2e2e2 solid}
.other-product h3{font-size:26px !important;color:#3b3b3b}
.other-product ul{overflow:hidden;margin-top:10px}
.other-product ul li{margin-right:1%;width:24%;float:left}
.other-product ul li h2{margin-top:10px;padding:0 !important;border-bottom:none !important;font-size:16px !important;text-align:center}
.other-product ul li h2 a{overflow:hidden;height:21px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#941A1A}
.other-product ul li .photo{height:270px;display:block;overflow:hidden}
.other-product ul li .photo img{width:100%}
.other-product ul li:last-child{margin:0}

@media screen and (max-width:960px){
	.other-product ul li .photo{height:200px}
}
@media screen and (max-width:778px){
	#content-main #products ul li{width:48.5%}
	#content-main #products ul li:nth-child(2n){margin-right:0}
	#content-main #products ul li:nth-child(3n){margin-right:1%}
	#content-main .productIntro #albumBox,#content-main .productIntro #introBox{width:98%}
	.other-product ul li{margin:10px 1%;width:48%}
	.other-product ul li .photo{height:150px}
}
@media screen and (max-width:450px){
	#content-main #product-article .tabs li{padding:2% 4%;width:40%;text-align:center}
	#content-main #products ul li .bigbox1 a{background-size:cover}
	#content-main #products ul li,.other-product ul li,.other-product ul li:last-child{width:80%;margin:10px 10%}
}