table{}
td,th{border:1px solid #c4c4c4;padding:10px;font-size:14px}
.wrapper .container section .content-wrap .content-main #products{margin:40px 20px 20px}
.wrapper .container section .content-wrap .content-main #products ul,.wrapper .container section .content-wrap .content-main .others ul{overflow:hidden}
.wrapper .container section .content-wrap .content-main #products ul li{}
.wrapper .container section .content-wrap .content-main #products ul li h3{margin:10px 0 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}
.wrapper .container section .content-wrap .content-main #products ul li .view{overflow:hidden;height:220px}
.wrapper .container section .content-wrap .content-main #products ul li .view a.info h2,.wrapper .container section .content-wrap .content-main #products ul li .third-effect:hover a.info h2{margin:0;padding:0;border:0;display:block;text-indent:-999999px}
.wrapper .container section .content-wrap .content-main .orderfunction{overflow:hidden;margin:10px 0 20px;color:#000}
.wrapper .container section .content-wrap .content-main .orderfunction p{margin:10px 0}
.wrapper .container section .content-wrap .content-main .orderfunction p label{margin:0 10px 0 0;width:120px;display:inline-block;font-size:15px;text-align:right}
.wrapper .container section .content-wrap .content-main .orderfunction p input{overflow:hidden;padding:5px 0;border:1px #ccc solid}
.wrapper .container section .content-wrap .content-main .orderfunction p strong{font-size:20px;color:#F00}
.wrapper .container section .content-wrap .content-main .orderfunction p input#buy{margin:0 10px;padding:5px 10px;background:#FF0000;color:#fff;border:0;opacity:0.8}
.wrapper .container section .content-wrap .content-main .orderfunction p input#buy:hover{opacity:1}
.join-content{text-align:right}
.projoin{display:inline-block;width:117px;height:116px;background:url(../../images/06/main/btn_free2.png) no-repeat left top;transition:ease .3s}
.projoin:hover{background:url(../../images/06/main/btn_free2.png) no-repeat left bottom}
.view{overflow:hidden;position:relative;text-align:center;cursor:default}
.view .mask,.view .content{width:100%;position:absolute;overflow:hidden;top:0px;left:0px}
.view img{width:100%;height:100%;display:block;position:relative;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;object-fit:cover}
.view:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);filter:brightness(0.6)}
.view a.info{display:block;text-decoration:none;width:100%;height:400px;vertical-align:middle;text-align:center;color:#fff}
.view a.info h2{width:100%;display:block;text-align:center}
.third-effect a.info{position:relative;opacity:0;transition:opacity 0.5s ease-in-out 0s}
.third-effect:hover a.info{opacity:1;transition-delay:0.3s}
.wrapper .container section .content-wrap .content-main .m-pro-menu{margin:50px 15px 15px}
.wrapper .container section .content-wrap .content-main .m-pro-menu h2{margin:0 0 20px;padding:0;border:0;font-family:'Montserrat',sans-serif;font-size:16px;text-transform:uppercase}
.wrapper .container section .content-wrap .content-main .m-pro-menu ul{overflow:hidden}
.wrapper .container section .content-wrap .content-main .m-pro-menu ul li{border-bottom:1px #e1e1e1 solid}
.wrapper .container section .content-wrap .content-main .m-pro-menu ul li a{padding:10px 20px;display:block;text-align:center;font-size:15px;color:#000}
.wrapper .container section .content-wrap .content-main .m-pro-menu ul li a:hover{background:#35aeb7;color:#fff}
.wrapper .container section .content-wrap .content-main .m-pro-menu ul li.action a{background:#219aa5;color:#fff}
.wrapper .container section .content-wrap .content-main #products .main-pro-img{margin:0 0 20px;overflow:hidden}
.wrapper .container section .content-wrap .content-main #products .main-pro-img img{width:100%}
.wrapper .container section .content-wrap .content-main #products .sub-pro-img{margin:0 0 20px}
.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul{margin:0 -10px 0 0}
.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li{margin:0 10px 10px 0;width:50%;float:left}
.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a{height:105px;display:block;overflow:hidden}
.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a img{max-width:100%;min-height:110px}
.wrapper .container section .content-wrap .content-main .pro-article{margin:0 20px;overflow:hidden;position:relative}
.wrapper .container section .content-wrap .content-main .pro-article ul.tabs{width:100%;height:30px;border-bottom:1px #444 solid;overflow:visible}
.wrapper .container section .content-wrap .content-main .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}
.wrapper .container section .content-wrap .content-main .pro-article ul.tabs li a{padding:0 10px;height:29px;display:block;text-align:center;line-height:35px;font-size:14px}
.wrapper .container section .content-wrap .content-main .pro-article ul.tabs li.active{border:1px #444 solid;border-bottom:1px #E5E5E5 solid}
.wrapper .container section .content-wrap .content-main .pro-article ul.tabs li.active a{color:#000;font-weight:bold}
.wrapper .container section .content-wrap .content-main .tab_container{}
.wrapper .container section .content-wrap .content-main .tab_container .tab_content{line-height:170%;font-size:16px}
.wrapper .container section .content-wrap .content-main .tab_container .tab_content h2{margin:20px 0}
.wrapper .container section .content-wrap .content-main .tab_container .tab_content p{margin:10px 0}
.wrapper .container section .content-wrap .content-main .tab_container #tab2,.wrapper .container section .content-wrap .content-main .tab_container #tab3{display:none}
.wrapper .container section .content-wrap .content-main .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)}}
.wrapper .container section .content-wrap .content-main .ask a{padding:10px 20px;display:inline-block;vertical-align:middle;background:#433529;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}
.wrapper .container section .content-wrap .content-main .ask a:before{content:url(../../images/ask.png);position:absolute;right:1em;padding:1px 1px 0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.wrapper .container section .content-wrap .content-main .ask a:hover:before,.wrapper .container section .content-wrap .content-main .ask a:focus:before,.wrapper .container section .content-wrap .content-main .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}

@media only screen and (min-width:320px){
	.wrapper .container section .content-wrap .content-main .others ul li{overflow:hidden;width:100%;float:left}
	.wrapper .container section .content-wrap .content-main .others ul li .view{margin:10px;height:200px}
	.wrapper .container section .content-wrap .content-main .others ul li h3{text-align:center}
}
@media only screen and (min-width:480px){
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li{width:31%}
}
@media only screen and (min-width:640px){
	.wrapper .container section .content-wrap .content-main #products ul li,.wrapper .container section .content-wrap .content-main .others ul li{width:50%;float:left}
	.wrapper .container section .content-wrap .content-main #products ul li .view{margin:15px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li{width:50%;height:185px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a{height:185px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a img{min-height:190px}
}
@media only screen and (min-width:768px){
	.wrapper .container section .content-wrap .content-main #products{overflow:hidden}
	.wrapper .container section .content-wrap .content-main #products .main-pro-img{width:64%;float:left}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img{width:30%;float:right}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul{margin:0 0 0 -10px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li{margin:0 0 10px 10px;padding:0;width:60%;height:105px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a{height:105px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a img{min-height:110px}
}
@media only screen and (min-width:1024px){
	.wrapper .container section .content-wrap .content-main #products{margin:0px 0 20px}
	.wrapper .container section .content-wrap .content-main #products ul li{width:calc(100%/4)}
	.wrapper .container section .content-wrap .content-main .others h2{margin:10px 0;padding-bottom:10px;border-bottom:1px #585656 solid;font-size:18px}
	.wrapper .container section .content-wrap .content-main .others ul li{width:25%}
	.wrapper .container section .content-wrap .content-main .others ul li .view{height:150px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li{margin:0;padding:0 0 10px 10px;width:70%;height:140px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a{height:140px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a img{min-height:145px}
	.wrapper .container section .content-wrap .content-main .pro-article{margin:0}
	.wrapper .container section .content-wrap .content-main .m-pro-menu{display:none}
}
@media only screen and (min-width:1280px){
	.wrapper .container section .content-wrap .content-main #products ul li h3 a{color:#000}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li{width:70%;height:110px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a{height:110px}
	.wrapper .container section .content-wrap .content-main #products .sub-pro-img ul li a img{min-height:115px}
	.wrapper .container section .content-wrap .content-main .pro-article{margin:0}
	.wrapper .container section .content-wrap .content-main .pro-article ul.tabs li{border-bottom:1px #fff solid}
	.wrapper .container section .content-wrap .content-main .pro-article ul.tabs li a{color:#765C30}
	.wrapper .container section .content-wrap .content-main .pro-article ul.tabs li.active{border:1px #1E2740 solid;border-bottom:1px #E5E5E5 solid}
	.wrapper .container section .content-wrap .content-main .pro-article .tab_container .tab_content{color:#fff}
}
@media only screen and (max-width:1440px){
	.wrapper .container section .content-wrap .content-main #products ul li .view{height: 210px;}
}
@media only screen and (max-width:1280px){
	.wrapper .container section .content-wrap .content-main #products ul li .view{height: 185px;}
}
@media only screen and (max-width:1024px){
	.wrapper .container section .content-wrap .content-main #products ul li{width: calc(100%/3);}
	.wrapper .container section .content-wrap .content-main #products ul li .view{height: 195px;}
}
@media only screen and (max-width:768px){
	.wrapper .container section .content-wrap .content-main #products ul li .view{height: 135px;}
}
@media only screen and (max-width:640px){
	.wrapper .container section .content-wrap .content-main #products ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	.wrapper .container section .content-wrap .content-main #products ul li{width: calc(50% - 10px);margin: 10px 0;}
	.wrapper .container section .content-wrap .content-main #products ul li .view{height: 100px;}
}