@charset "utf-8";

body {overflow-y:hidden;}
#wrap{overflow:hidden;}

.main_gallery  {margin-top:210px; margin-bottom:0px; overflow:hidden; margin-left:40px;}
.main_gallery ul {text-align:center; font-size:0px; overflow:hidden;}
.main_gallery ul li.list{margin-left:41px; font-family: 'Montserrat', sans-serif;  transition: all 0.2s;}
.main_gallery ul li.list img {max-width:100%;}

.main_gallery ul li.list .photo{position:relative;  transition: all 0.2s;}
.main_gallery ul li.list .photo img {vertical-align:middle; width:100%;}

.main_gallery ul li.list .info {position:absolute; left:0px; top:0px; height:100%; width:100%; background:rgba(0,0,0,0.6); transition: all 0.2s; display:none;}
.main_gallery ul li.list:hover .info {display:block;  transition: all 0.2s;}
.main_gallery ul li.list:hover .info .col_box{display:table; width:100%; height:100%;}
.main_gallery ul li.list:hover .info .col_box .col {display:table-cell; vertical-align:middle; font-size:15px; color:#fff;}
.main_gallery ul li.list:hover .info .col_box .col .t1{font-size:20px; color:#fff;}
.main_gallery ul li.list:hover .info .col_box .col .t1 span {display:block; font-size:15px; font-weight:normal; }
.main_gallery ul li.list.more {line-height:335px; width:335px; background:#000; color:#fff; font-size:16px;}
.main_gallery ul li.list.more a{color:#fff; display:block;  transition: all 0.2s;}








@media all and (max-width:1080px) {




.main_gallery  {margin-top:60px; margin-left:20px;}
.main_gallery ul li.list {width:200px; margin-left:20px;}
.main_gallery ul li.list:hover .info .col_box .col .t1{font-size:18px;}
.main_gallery ul li.list:hover .info .col_box .col .t1 span {font-size:13px;; }
.main_gallery ul li.list.more { line-height:200px; width:200px; }





}