@charset "utf-8";

ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,.object,input,textarea,body{padding:0px;margin:0px;border:none;}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#fff;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}

ul,li{list-style:none; }


.sign {
    position: relative;
    box-sizing: border-box;
    text-align: center;
	padding-bottom: 50px;
}
.sign h1 {
    line-height: 120px;
    font-size: 123px;
    font-family: "Gotham-Black";
    text-transform: uppercase;
    color: #fff;
}
@media only screen and (max-width: 980px){
.list-products .sign h1 {
    margin-bottom: 8%;
	font-size: 80px;
}}

@media (max-width: 640px){
.sign h1 {
    line-height: 35px;
    font-size: 30px;
}}

.list-products .sign h1 {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
}

.main-width{width:75%;margin:0 auto;}
.list-products{background-color: #222;  padding-bottom: 40px;}
.list-products .cont{position:relative;overflow:hidden;z-index:2;}
.list-products .cont ul{width:102.7027%;}
.list-products .cont ul li{float:left;width:22.3684%;margin-left: 1%;  margin-right: 1%; margin-bottom:20px;padding:30px 20px;background-color:#e6e6e6;text-align:center;box-sizing:border-box;}
.list-products .cont ul li .pic{position:relative;}
.list-products .cont ul li .pic a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.list-products .cont ul li .pic img{position:relative;width:100%;height:auto;z-index:2;transition:all .5s;}
.list-products .cont ul li .pic .color-change{position:absolute;left:0;top:0;width:100%;}
.list-products .cont ul li .pic .color-change img{position:absolute;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;}
.list-products .cont ul li .pic .color-change .on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.list-products .cont ul li .pic:after{content:"";background:url(../images/products-shadow.png);position:absolute;bottom:-4px;left:0;width:100%;height:0;padding-bottom:9.333%;background-size:100% auto;z-index:1;transition:all .5s;}
.list-products .cont ul li .pic:hover img{transform:scale(1.1,1.1);}
.list-products .cont ul li .pic:hover:after{transform:translateY(15px);}
.list-products .cont ul li .p_info{height:100px;padding:30px 0 0;box-sizing:border-box;     text-decoration: none;}
.list-products .cont ul li .p_info h3{line-height:30px;margin-bottom:10px;font-size:14px;color:#00a1ff;}
.list-products .cont ul li .p_info p{line-height:20px;font-size:12px;font-family:"Gotham-Light";}
.list-products .cont ul li .p_info .color{height:0;padding-top:3px;margin-bottom:5px;box-sizing:border-box;overflow:hidden;transition:all .5s;font-size:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.list-products .cont ul li .p_info .color img{width:17px;height:17px;margin:0 3px;cursor:pointer;transition:all .3s;vertical-align:top;}
.list-products .cont ul li .p_info .color img.on{transform:scale(1.2,1.2);}
.list-products .cont ul li:hover .p_info .color{height:auto;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.product-tab{    font-size: 0;
    border-bottom: 1px solid #6f6f6f;
    margin-bottom: 40px;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
	font-weight: 500;}

.product-tab li {
    display: inline-block;
    padding: 8px 20px 18px 20px;
    margin: 0 40px;
    color: rgba(0,0,0,0.7);
    font-size: 18px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: border-color .3s,color .3s;}

@media (max-width: 850px){
.product-tab li {
    margin: 0 0px;
}}	
.product-tab li.active a {
    color: #2378c1;
    border-bottom: 3px solid #2378c1;
	padding: 22px;
}

@media only screen and (max-width: 1100px){
	
.list-products .cont ul li{
		float:left;
		width:47.3684%;}

}

@media only screen and (max-width: 1600px){
.main-width {
    margin:0 auto;
	width:90%;
 
}

}