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




.sy_title{ padding-top:50px; }
.sy_title .tit{ font-size:36px; font-weight:bold; color:#333;text-align:center;}
.sy_title p{ font-size:18px; color:#999; text-align:center; margin:5px; text-transform:uppercase;}
.sy_title span{ font-weight:bold;}

@media (max-width:1200px) {
.sy_title{ padding-top:30px; }
.sy_title .tit{ font-size:24px;}
.sy_title p{ font-size:14px;}
}



/*配套服务*/
.i_cast_a ul{ font-size:0; margin:0 -1px; margin-top:20px;}
.i_cast_a ul li{ display:inline-block; width:25%; position:relative; }
.i_cast_a ul li:nth-child(2){ transition-delay:0.3s}
.i_cast_a ul li:nth-child(3){ transition-delay:0.6s}
.i_cast_a ul li:nth-child(4){ transition-delay:0.9s}
.i_cast_a ul li:nth-child(5){ transition-delay:1.2s}
.i_cast_a ul li.on a{color:#fff;background:#D60D10;border:#b20000 1px solid}
.i_cast_a ul li.on h3{ color:#fff}
.i_cast_a ul li.on h5{ color:#fff}
.i_cast_a ul li.on h2 img.img02{ display:inline-block}
.i_cast_a ul li.on h2 img.img01{ display:none}
.i_cast_a ul li.on a .shuzi{top:0;transition-delay:0.36s;opacity: 1;}


.i_cast_a ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; background:#b20000; width:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.i_cast_a ul li a{ display:block; margin:0 -0.5px; border:#dcdfe2 1px solid; height:220px; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden}
.i_cast_a ul li a .shuzi{position:absolute;left:0;top: -10%;width:100%;height:100%;line-height:218px;text-align:center;font-size:180px;color:#c10101;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;opacity: 0;}
.i_cast_a ul li a .table{position:relative;padding: 0 0px;display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%;}
.table_cell {
    display: table-cell;
    vertical-align: top; padding-top:20%;
}	
.i_cast_a ul li a h3{ font-size:24px; color:#2e2f30; font-weight:bold; margin-bottom:5px; position:relative; }
.i_cast_a ul li a h3:before{ content:""; position:absolute; top:-20px; width:18px; height:3px; left:50%; margin-left:-9px; background:#DA251C;}
.i_cast_a ul li a h3:after{ content:""; position:absolute; top:-20px; width:0; height:3px; left:50%; margin-left:-9px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.i_cast_a ul li a h5{font-size:14px;color:#a6a7ab;text-transform:uppercase;margin-bottom:16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.i_cast_a ul li a h2 img.img02{ display:none}
.i_cast_a ul li:hover a{ border:#D60D10 1px solid}
.i_cast_a ul li:hover:before{ width:100%; left:0}
.i_cast_a ul li:hover h3{ color:#fff}
.i_cast_a ul li:hover h5{ color:#fff}
.i_cast_a ul li:hover h2 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.i_cast_a ul li:hover h2 img.img02{ display:inline-block}
.i_cast_a ul li:hover h2 img.img01{ display:none}
.i_cast_a ul li:hover a h3:after{ width:18px}
.i_cast_a ul li:hover a .shuzi{top:0;transition-delay:0.36s;opacity: 1;}


.i_cast_a ul li .on:hover h2 img.img02{ display:inline-block}
.i_cast_a ul li .on:hover h2 img.img01{ display:none}


.i_case .i_case_con .i_case_ul_div{ display:none;}
/*经典案例*/
.sy_case{width:100%; background: no-repeat center fixed; background-size: cover; padding:60px 0 60px 0; }
.i_case_ul{ width:100%;max-width:1400px; margin:0 auto;}
.i_case .i_case_con ul{   margin:0 -10px 0 -10px;}
/*.i_case_ul_div ul{  margin:0 -15px 0 -5px;}*/
.i_case_ul_div li{float:left; width:24.28%; padding:0 5px; margin-bottom:10px;}
.i_case_ul_div li:first-child{width:49.28%;}

.i_case_ul_div li:nth-of-type(3){ padding-right:0;}
.i_case_ul_div li:nth-of-type(5){ padding-right:0;}
.i_case_ul_div li:nth-of-type(9){ padding-right:0;}
.i_case_ul_div li a{ display:block; overflow:hidden; position:relative}
/*.i_case_ul_div li a:after{ content:""; position:absolute; z-index:8; bottom:0; left:0; width:100%; height:0; background:url(../images/red80.png) center; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }*/
.i_case_ul_div li a .img{ position:relative}
.i_case_ul_div li a .img:after{ content:""; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; background:url(../images/casebg.png) center; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.i_case_ul_div li a .img,.i_case .i_case_ul_div li a .img img{ width:100%;  overflow:hidden}

/*.i_case_ul_div li a .con{position:absolute;z-index:10;top: 152px;left:0;width:100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding:0 0px;}
.i_case_ul_div li a .con .table{display:table;table-layout: fixed;text-align:center;width:100%;height:100%;}
.i_case_ul_div li a .con .table .table_cell{ vertical-align:middle; padding-top:10%;}
.i_case_ul_div li a .con h5{font-size:16px; color:#ffffff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; display:none;transition: all 0.6s ease-in-out;}
.i_case_ul_div li a .con h3{ margin:20px 0 16px; height:40px; position:relative}
.i_case_ul_div li a .con h3 .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.i_case_ul_div li a .con h3 .line_1 { width: 40px; height: 1px; margin: -1px 0px 0px -20px; transform: translateX(-40px); -webkit-transform: translateX(-40px); }
.i_case_ul_div li a .con h3 .line_2 { width: 1px; height: 40px; margin: -20px 0px 0px -1px; transform: translateY(40px); -webkit-transform: translateY(40px); }
.i_case_ul_div li a:hover .img:after{ top:0; height:0}
.i_case_ul_div li a:hover:after{ height:100%; top:0}
.i_case_ul_div li a:hover .con h5{ display:block;}
.i_case_ul_div li a:hover .con{ top:0; transition-delay:0.36s}
.i_case_ul_div li a:hover .con h3 .line{ transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; transition-delay:1.0s}*/



.i_case_ul_div li{position:relative;}
.i_case_ul_div li .cont{position:absolute;left:0;width:90%;bottom:0;padding:10px 5%;background:rgba(214,13,16,0.8);color:#fff;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.i_case_ul_div li:hover .cont{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.i_case_ul_div li:first-child .cont{padding:20px 5%;}
.i_case_ul_div li .cont p{color:#fff;font-size:16px;margin-bottom:2px;width:94%; margin:0 auto; height:32px; line-height:32px;background:url(../images/icon-more2.png) right center no-repeat;}
.i_case_ul_div li:first-child .cont p{font-size:18px;background:url(../images/icon-more.png) right center no-repeat;}


@media (max-width:1360px) {
.i_case_ul{ width:98%; margin-left:2%;}
}
@media (max-width:1200px) {
.i_cast_a ul li a .shuzi{font-size:120px;}
.i_case .i_case_con ul{   margin:0 ;}
.i_cast_a ul li{  width:50%;}
.i_cast_a ul li a{ height:180px;}
.i_cast_a ul li a h3{ font-size:20px;}
.i_cast_a ul li a h5{font-size:12px;}

.i_case_ul_div li .cont{background:rgba(0,0,0,0.75);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.i_case_ul_div li .cont{padding:5px 3%;width:94%;}
.i_case_ul_div li .cont p{ font-size:14px;background:url(../images/icon-more3.png) right center no-repeat;height:24px; line-height:24px;width:92%;}
.i_case_ul_div li:first-child .cont{padding:10px 3%;}
.i_case_ul_div li:first-child .cont p{font-size:16px;background:url(../images/icon-more2.png) right center no-repeat;}

.sy_case{padding:30px 0 30px 0; }
.i_case{ margin-top:0px;}

.i_case_ul_div li:first-child{width:96%;}
.i_case_ul_div li{ width:47.25%; padding:0 0.75%;}
.i_case_ul_div li a .con h5{font-size:14px;}
.i_case_ul_div li a:after{ display:none;}

.i_case_ul_div li:nth-of-type(6){ display:none;}
.i_case_ul_div li:nth-of-type(7){ display:none;}
.i_case_ul_div li:nth-of-type(8){ display:none;}
.i_case_ul_div li:nth-of-type(9){ display:none;}
}



.sy-about{ padding:10px 0 50px 0;/* background:url(../images/sy_gy_bg.jpg) center top no-repeat;background-attachment: fixed;background-size: cover;*/}
.about-txt{ margin-top:20px; }
.about-txt p{ text-align:center; font-size:16px; color:#666; line-height:28px;}
.abmore{ display:block; margin:0 auto; width:120px; line-height:40px; border:1px solid #ddd; background:#ddd; color:#666; font-size:15px; text-align:center; margin-top:20px;}
.abmore:hover{ background:#B20000; color:#fff;}

@media (max-width:720px) {
.sy-about{ padding:10px 0 20px 0;}
.about-txt{ margin-top:10px; }
.about-txt p{ font-size:14px; line-height:24px;}
}

/**************************关于我们**************************/
.index-about {padding:60px 0; background: center top no-repeat; background-size:cover;}
.index-about ul{overflow:hidden; margin-top:20px;}

.index-about ul li{ display:inline-block; width:24%; *display:inline; *zoom:1; text-align:center;}

.index-about ul li p{height: 50px;}

.index-about ul li p span{font-size: 15px;color: #fff;margin: 0 2px;display:  inline-block;margin-top: 18px;margin-left: 5px;}

.index-about ul li p span.counter{font-size: 48px;font-weight:bold;color: #fff;margin-left:12px;margin-top: 0;}

.index-about ul li h1{font-size: 24px;color: #fff; margin-top:10px;}

.sy-service{ display:none;}
.sy-service ul li{width:50%; float:left;border-right:1px solid #ebecee;text-align:center;box-sizing:border-box;padding:20px 2% 20px 2%;}
.sy-service ul li img{transition:all ease-in-out 500ms;  -webkit-transition:all ease-in-out 500ms;}
.sy-service .yuan{ width:100px; height:100px; line-height:100px; margin:0 auto; text-align:center; border:1px solid #D60D10; border-radius:80px; }
.sy-service .yuan span{ font-size:28px; color:#D60D10; font-weight:bold; margin-right:2px;}

.sy-service ul li h1{ text-align:center; font-size:15px; color:#333;}
.sy-service ul li p{ font-size:14px; width:100%;text-align:center; padding-top:10px;color:#666; line-height:20px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}

.sy-service ul li:nth-child(2n){ border-right:0; padding-right:0;}
.sy-service ul li:nth-child(1){ border-bottom:1px solid #ebecee;}
.sy-service ul li:nth-child(2){ border-bottom:1px solid #ebecee;}

@media screen and (max-width: 980px) {
.sy-service{ display:block;}
.index-about {padding:20px 0; display:none;}
.index-about ul li{ width:48%; margin-bottom:10px;}
.index-about ul li h1{ margin-top:0px; font-size:16px; }
.index-about ul li p span.counter{ font-size:32px;}
.index-about ul li p{height: 40px; margin:0;}
}




/*我们的优势*/
.container02{ overflow:hidden; }

.container02 ul{margin-bottom:60px; margin-top:20px;}

.container02 ul li{float:left;width:25%;height:560px;position:relative; overflow:hidden}

.container02 ul li:before{content:"";background:#D60D10;position:absolute;left:0;top:0;width: 100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container02 ul li a{ display:block; width:100%; height:100%; padding:2% 10%;}

.container02 ul li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container02 ul li .con{position:relative;z-index:1;overflow: hidden;}

.container02 ul li .con h3{ height:50px; line-height:50px; margin-top:20%;}

.container02 ul li .con h4{ font-size:15px; color:#fff; text-transform:uppercase}

.container02 ul li .con h5{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:72px; margin-top:8px; position:relative}

.container02 ul li .con h5:before{ content:""; position:absolute; top:48px; left:0; width:0; height:2px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container02 ul li .con p {
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	width:80%;
    transform: translateX(-400px);
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}


.container02 ul li:hover:before{ right:0; width:100%}

.container02 ul li:hover .con p{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.container02 ul li:hover .con h5:before{ width:35px; }

.container02 ul li .bg{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg); background-size: cover;}

.container02 ul li:hover .bg{ opacity: 1; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }

.inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }
.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.inter-inner .line1 { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.container02 ul li:hover .line1,.container02 ul li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }

@media (max-width:1200px) {

.container02{ display:none; }    
.container02 ul li .con h3{ margin-top:10%;}    
.container02 ul{margin-bottom:30px;}
.container02 ul li{width:100%; height:400px; margin-bottom:1px; margin-right:1px;}
/*.container02 ul li:before{ display:none;}*/
.container02 ul li:before:hover{content:"";background:#D60D10;position:absolute;left:0;top:0;width: 100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
}

/**************************新闻**************************/
.sy-news{ width:100%; background: no-repeat center fixed; background-size: cover; padding:0px 0 50px 0;}


#hd{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin:0 auto;
	margin-top:20px;
	}
#hd a.topa{
	display:inline-block;
	color:#666;
	font-size:14px;
	background:#f4f4f4;
	padding:10px 15px;
	position:absolute;
	margin-left:calc(8.3% - 54.92px);
	}
#hd a.topa:hover{
	color:#fff;
	background:#0C55B8;
	}
#hd ul{ text-align:center;

	
	}
#hd ul li{
	width:160px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	margin-left:0.5%;
	margin-right:0.5%;
	}

#hd ul li a{
	display:inline-block;
	color:#333;
	font-size:15px;
	background:#fff;
	height:34px;
	line-height:34px;
	border-radius:20px;
	border:1px solid #666;
	width:100%;
	}
#hd ul li a:hover{
	color:#fff;
	background:#D60D10;
	border:1px solid #D60D10;
	}
#hd ul li.six a{
	color:#fff;
	background:#D60D10;
	border:1px solid #D60D10;
	}
	
	
	
@media (max-width:1000px) {
#hd a.topa{
	margin-left:calc(25% - 54.92px);
	}
#hd ul li{
	width:30%; margin:0;
	}
#hd ul li a{ width:78%;}	

	}
@media (max-width:720px) {
#hd ul li a{ width:60%;}
#hd ul{ margin-bottom:10px;}

}	
@media (max-width:420px) {
#hd ul li:before{
	width:0px;
	height:0px;
	content:"";
	display:inline-block;
	background:#999;
	margin-top: 19px;
    position: absolute;
	}
#hd ul li a{
	display:inline-block;
	color:#666;
	font-size:14px;
	background:#f4f4f4;
	width:92%;
	}	

}	

#bottom{
	margin-top:30px;
	}
#bottom .n_news{
	width:100%;
	max-width:1400px;
	overflow:hidden;
	}		
.n_news ul{ overflow:hidden; }
.n_news li{ width:23.5%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:0% 2% 2% 0; padding-bottom:40px;}
.n_news li:nth-of-type(4){ margin-right:0;}
.n_news li a{ display:block;}


.n_news li .pic_box{overflow:hidden; position:relative; width:100%;}

.n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
.n_news li .pic_box:hover img {transform: scale(1.05);}

.n_news li .text_box{ position:relative; padding:15px; }
.n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
.n_news li p{ font-size:14px; line-height:24px; margin-top:10px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
.n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px; border-top:1px solid #ddd; padding-top:20px;}
.n_news .fot_box span{color:#a1a1a1; font-size:14px;}
.n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:14px; padding-top:22px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right 24px no-repeat; padding-right:30px;}
.n_news li:hover h1 a{ color:#D60D10; }
.n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right 24px no-repeat; color:#D60D10;}
.n_news li:hover .fot_box span{ }
.n_news li a:hover{ text-decoration:underline; }


.n_news h2{ text-align:center;color:#555; margin-top:50px;}

.n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; }


@media (max-width:1200px) {
#bottom{ margin-top:10px;}
#bottom .n_news li{ width:46%;}
}
@media (max-width:920px) {
#bottom .n_news li{ width:44%;}
}
@media (max-width:800px) {

#bottom .n_news li{ width:100%; padding-bottom:30px; margin:2% 0;}
#bottom .n_news ul{ margin:0;}
.sy-news{ width:100%; padding:0px 0 20px 0; margin-top:30px;}
#bottom .n_news li .text_box{ position:relative; padding:15px; }
#bottom .n_news .fot_box{  padding:0 15px; padding-top:20px;}
#bottom .n_news li p{ margin-top:10px;}

.n_news li:nth-of-type(3){ display:none;}
.n_news li:last-child{ display:none;}
}



/***************customer***************/
.customers{width:100%;padding-bottom:60px; }
.customers ul { margin-top:20px; }
.customers ul li{float:left;width:15.68%;overflow:hidden; margin-right:1%; margin-bottom:1%; border:1px solid #ddd;box-sizing: border-box;}
.customers ul li:nth-child(6n+0){margin-right:0;}
.customers ul li .imgs{overflow:hidden; }
.customers ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.customers ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

@media screen and (max-width: 1000px){
.customers{ width:100%;padding-bottom:30px;}
.customers ul { margin-top:10px; }
}

@media screen and (max-width: 640px){
.customers ul li {
    width: 32%;
}

.customers ul li:nth-of-type(16){ display:none;}
.customers ul li:nth-of-type(17){ display:none;}
.customers ul li:nth-of-type(18){ display:none;}
.customers ul li:nth-child(3n+0){margin-right:0;}
}