div.semmie_menu{padding:0px 0 0px 0 ;}
div.semmie_menu div.item {width:370px; float:left; text-align:center; border:1px solid #dfdfdf; height:330px; 
margin-right:33px; margin-bottom:33px; position:relative; }
div.semmie_menu div.item0 { margin-right:0;}
div.semmie_menu div.item .img {position:absolute; top:25px; width:100%; z-index: 1; }
div.semmie_menu div.item .tit { position:absolute; z-index:10; transition:all 0.3s ease; top:225px; font-size:25px; color:#333; text-align:center; width:100%;}
div.semmie_menu div.item .tit span {display:block; font-weight:500;}
div.semmie_menu div.item .tit span.eng { font-size:18px; font-weight:400;}
div.semmie_menu div.item:hover .tit {top:70px;}
div.semmie_menu div.item:hover .tit span { transition:all 0.3s ease;  color:#fff; }
div.semmie_menu div.item .hover {position:absolute; top:0; background-color:rgba(108,153,109,0.85); height:100%; width:100%; 
opacity:0; transition:all 0.3s ease; z-index: 9}
div.semmie_menu div.item .hover .txt { transition:all 0.3s ease; font-size:16px; color:#fff; position:absolute; top:220px;
 left:50%;transform:translate(-50%,0); width:85%; }
div.semmie_menu div.item:hover .hover{opacity:1; transition:all 0.3s ease }
div.semmie_menu div.item:hover .hover .txt{ transition:all 0.3s ease; top:180px; }
div.semmie_menu div.item .hover .txt span.list {display:block; padding-top:20px;}

div.semmie_menu2 div.item {width:370px;  height:365px; }
div.semmie_menu2 div.item:hover .tit {top:260px;}
div.semmie_menu2 div.item:hover .tit span { transition:all 0.3s ease;  color:#333; }
div.semmie_menu2 div.item .tit {  top:260px;}

div.semmie_menu3 div.item {width:370px;  height:415px; }
div.semmie_menu3 div.item:hover .tit {top:300px;}
div.semmie_menu3 div.item:hover .tit span { transition:all 0.3s ease;  color:#333; }
div.semmie_menu3 div.item .tit {  top:300px;}

div.semmie_menu4 div.item {width:370px;  height:400px ; }
div.semmie_menu4 div.item:hover .tit {top:320px;}
div.semmie_menu4 div.item:hover .tit span { transition:all 0.3s ease;  color:#333; }
div.semmie_menu4 div.item .tit {  top:320px;}
div.semmie_menu4 .floatL {text-align: center; width:50%;}
div.semmie_menu4 .floatR {text-align: center; width:50%;}
.txtcolor1 {color:#a28e69; font-size:25px; }
.txtcolor2 {color:#7eae75; font-size:25px; }

div.semmie_menu h3 {font-size:20px; padding:0 0 20px 16px; position:relative; clear:both; }
div.semmie_menu h3::before {content:""; height:20px; width:4px; background-color:#555; position:absolute; top:6px;  left:0px; }



/*div.semmie_menu div.item .hover .more {transition:all 0.3s ease; width:70px; height:70px; border:1px solid #fff; 
position:absolute; left:50%; transform:translate(-50%,0); bottom:0px;}
div.semmie_menu div.item .hover .more::after{content:""; color:#fff;  width:30px; height:2px; background-color:#fff; position:absolute; 
  left:50%; top:50%; transform:translate(-50%,-50%);}
div.semmie_menu div.item .hover .more::before{content:""; color:#fff;  width:2px; height:30px; background-color:#fff; position:absolute; 
  left:50%; top:50%; transform:translate(-50%,-50%);}
div.semmie_menu div.item:hover .hover .more {transition:all 0.3s ease; bottom:80px; }*/
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.semmie_menu div.item {width:100%; float:none; text-align:center; border:1px solid #dfdfdf; height:300px; 
margin-right:33px; margin-bottom:33px; position:relative; }	
div.semmie_menu2 div.item {width:100%;  height:345px; }
div.semmie_menu3 div.item {width:100%;  height:375px; }
div.semmie_menu4 div.item {width:100%;  height:375px; }
div.semmie_menu div.item .tit {   font-size:20px;} 
div.semmie_menu div.item .tit span.eng { font-size:15px; }
div.semmie_menu div.item .hover .txt {  font-size:13px; width:90%;}
div.semmie_menu4 .floatL {text-align: center; width:100%;}
div.semmie_menu4 .floatR {text-align: center; width:100%;}
.txtcolor1 {color:#a28e69; font-size:25px; }
.txtcolor2 {color:#7eae75; font-size:25px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}