#content .content-main .ph2{text-transform:uppercase;margin-bottom:60px;font-size:30px;line-height:130%;border-bottom:1px solid #e2e2e2}
#content .content-main .ph2:after{content:'';display:block;width:100px;height:5px;background:#ff9000;margin-top:20px}
.productlist ul {display: flex;flex-wrap: wrap;}
.productlist ul li{float:left;width: calc((100%/3) - 20px);overflow:hidden;margin: 0 0 30px;}
.productlist ul li:nth-child(3n-1){margin: 0 30px 30px;}
.productlist li a.photo{display:block;width:100%;overflow:hidden;background-position: 50% 50%;background-size: cover;background-repeat:no-repeat}
.productlist li a.photo img{width:100%;}
.productlist li h2{border:0;padding: 15px 20px;white-space:nowrap;text-overflow:ellipsis}
.productlist li h2 a{color:#353535;font-size: 18px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
#products{position:relative}
#products .photoView{margin-bottom:15px;width:100%}
#products .photoView .photo{text-align:center}
#products .photoView .photo a{display:block;background-repeat:no-repeat;background-position:center;background-size:100%}
#products .photoView .photo img{width:80%;height:500px}
#products .subphto{margin-bottom:25px}
.others{margin:10px 0 20px;color:#00A0E6}
.others h2{margin:10px 0 20px}
.others ul{}
#products .subphto ul,.others ul{overflow:hidden}
#products .subphto ul li{background-size:cover;background-position:center;background-repeat:no-repeat}
#products .subphto ul li,.others ul li{margin-right:2%;width:18.4%;float:left}
.others ul li h3{border-bottom:0;margin:5px 0}
.others ul li h3 a{color:#616161;font-weight:normal}
#products .subphto ul li img,.others ul li img{width:100%}
#products .subphto ul li:last-child,.others ul li:last-child{margin:0}
#products .pro-article{overflow:hidden;position:relative}
#products .pro-article ul.tabs{width:100%;height:30px;border-bottom:1px #B7B7B7 solid;overflow:visible}
#products .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}
#products .pro-article ul.tabs li a{padding:0 10px;height:29px;display:block;text-align:center;line-height:35px;font-size:14px}
#products .pro-article ul.tabs li.active{border:1px #969696 solid;border-bottom:1px #fff solid}
#products .pro-article ul.tabs li.active a{color:#000;font-weight:bold}
#products .pro-article .tab_container{width:100%}
#products .pro-article .tab_container .tab_content{line-height:200%;font-size:16px}
#products .pro-article .tab_container #tab2,#products .pro-article .tab_container #tab3{display:none}
.page a{color:#7d7d7d;margin-left:10px}
.ask{overflow:hidden;text-align:right}

@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
.ask a{padding:10px 20px;display:inline-block;vertical-align:middle;background:#424242;color:#fff;font-size:18px;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}
.ask a:before{content:url(../../images/ask.png);position:absolute;right:1em;padding:1px 1px 0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.ask a:hover:before,.ask a:focus:before,.ask a:active:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.orderfunction{margin:25px 0;padding:5px 0;border-top:1px #b9b9b9 solid;border-bottom:1px #b9b9b9 solid;text-align:center}
.orderfunction p{margin:5px 1%;width:30%;display:inline-block;font-size:16px}
.orderfunction p label{vertical-align:top}
.orderfunction p strong{color:#F40D11}
.orderfunction p input[type="tel"]{width:40px;border:1px #222 solid}
.orderfunction p input[type="button"]{margin-left:5px;padding:2px 10px;background:#b51919;color:#fff}

@media screen and (max-width:1920px){
	.others ul li .view{overflow:hidden;height:115px}
}
@media screen and (max-width:960px){
	.others ul li{width:46%}
	#content .content-main .ph2{display:block;font-weight:normal;color:#000}
}
@media screen and (max-width:768px){
	.others ul li .view{height:100px}
	#products .photoView .photo img{height:auto}
	.productlist li h2 a{font-size:16px}
	.productlist ul{justify-content: space-between;}
	.productlist ul li, .productlist ul li:nth-child(3n-1){width: calc((100%/2) - 15px);margin: 0 0 20px;}
}
@media screen and (max-width:640px){
	.productlist ul li, .productlist ul li:nth-child(3n-1){width:100%;}
	.orderfunction p{width:47%}
	.orderfunction p:last-child{width:97%}
}