﻿

/*-----------------[初始化]--------------*/
 
li{list-style-type:none;}
 

 

/*标题*/
.gt-tit1{text-align: center;font-size: 14px;line-height: 24px;margin-bottom: 75px;}
.gt-tit1 h3{font-size: 24px;font-weight: normal;margin-bottom: 25px;}
.gt-tit1 p{color: #666;}

/*******************************
	-------[=首页]-------
********************************/
*{outline: 0;}

.mt-list2{overflow: hidden;margin: 0 auto;}
.mt-list2 li{float: left;width: 25%;}
.mt-list2 .con{margin: 5px;display: block;position: relative;}
.mt-list2 .pic{position: relative;height: 0;padding-top: 100%;overflow: hidden;}
.mt-list2 .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.mt-list2 .mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
  background: rgba(0,0,0,0.5);
}
.mt-list2 .txt{position: absolute;left: 0;right: 0;top: 50%;margin-top: -55px;}
.mt-list2 .ico{display: block;height: 80px;line-height: 80px;margin-bottom: 10px;}
.mt-list2 .ico img{display: inline-block;vertical-align: middle;}
.mt-list2 h4{color: #fff;font-size: 16px;font-weight: normal;word-wrap: normal;width: 80%;margin: 10px auto;
	line-height: 25px;
}
.mt-list2 a:hover .mask{
	background: rgba(0,0,0,0.7);
}
.mt-list2 a:hover .pic img{
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.index-mt-list2 .ico img{ transition: all 1.6s ease; }
.index-mt-list2 li:hover .ico img{ transform: rotate(360deg); }



@media(max-width: 1440px){
    .mt-list2 h4{
    	width: 90%;
    	font-size: 13px;
    	line-height: 20px;
    }

}

@media(max-width: 992px){
   .mt-list2 .txt{
    margin-top: 0;
    top:0;
    width: 100%;
    height: 100%;
    display: flex;
   align-items: center;
    justify-content: left

   }
   .mt-list2 .ico{
    display: none;
   }



}


@media(max-width: 768px){
   .mt-list2 li{
   	width: 50%;
   }
   .index-mt-list2 .ico img{
   	display: none;
   }
   .mt-list2 .txt{
   	top:0;
   }
     .mt-list2 h4{     
    	font-size: 12px;
     
    }

}
