/* CSS Document */
.con4{width:100%;height:auto;clear:both;background:url(../zimages/con4.jpg) no-repeat center top;background-size:cover !important;padding:0px 0px 80px 0px;}

.tit2{margin:0 auto;width:100%;height:auto;padding:50px 0px;}
.tit2 a{display:block;text-align:center;line-height:3;color:#fff;font-size:3rem;width:100%;height:auto;margin:0 auto;background:url(../image/tit2.png) no-repeat center bottom;font-weight:bold;letter-spacing:2px;}
.con4 .c4{widht:100%;height:auto;margin:0 auto;}
.con4 .c4 li{width:32.333%;float:left;padding-top:30px;}
.con4 .c4 li .img{ width:60px; margin:0 auto; position:relative; overflow:hidden;}
.con4 .c4 li .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(60px 0 #0d60bb); -webkit-filter: drop-shadow(60px 0 #0d60bb);transition:all 1s}
.con4 .c4 li:hover .img img{transform: translate(-60px, 0);-webkit-transform: translate(-60px, 0);-ms-transform: translate(-60px, 0);-o-transform: translate(-60px, 0);transition:all 1s}
.con4 .c4 li h1{display:block;line-height:3;color:#fff;text-align:center;font-size:1.8rem;letter-spacing:1px;font-weight:normal;transition:all 1s}
.con4 .c4 li:hover h1{color:#0d60bb;transition:all 1s}
.con4 .c4 li:nth-child(1){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(2){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(3){border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(4){border-right:solid #fff 1px;}
.con4 .c4 li:nth-child(5){border-right:solid #fff 1px;}

@media(max-width:468px){
.con4 .c4 li{width:49% !important;}
.con4{padding:0px 0px 20px 0px;}

.con4 .c4 li:nth-child(1){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(2){border-bottom:solid #fff 1px;border-right:none;}
.con4 .c4 li:nth-child(3){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(4){border-bottom:solid #fff 1px;border-right:none;}
.con4 .c4 li:nth-child(5){border-right:solid #fff 1px;}
.tit2{padding:10px 0px;}
}
@media (min-width:469px) and (max-width:767px){

.con4 .c4 li{width:49% !important;}

.con4 .c4 li:nth-child(1){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(2){border-bottom:solid #fff 1px;border-right:none;}
.con4 .c4 li:nth-child(3){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(4){border-bottom:solid #fff 1px;border-right:none;}
.con4 .c4 li:nth-child(5){border-right:solid #fff 1px;}
.tit2{padding:10px 0px;}
}
@media (min-width:768px) and (max-width:990px){
.con4 .c4 li{width:49% !important;}

.con4 .c4 li:nth-child(1){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(2){border-bottom:solid #fff 1px;border-right:none;}
.con4 .c4 li:nth-child(3){border-right:solid #fff 1px;border-bottom:solid #fff 1px;}
.con4 .c4 li:nth-child(4){border-bottom:solid #fff 1px;border-right:none;}
.con4 .c4 li:nth-child(5){border-right:solid #fff 1px;}
}
@media (min-width:991px) and (max-width:1080px){

}

@media (min-width:1081px) and (max-width:1200px){

}

@media (min-width:1201px) and (max-width:1320px){


}
@media(max-width:1600px){

}