/*通用类*/
.myguide *,.myguide{
    margin:0;
    padding:0;      
}
 
.myguide ul{
    list-style-type:none;   
    margin:0;
}
.myguide dl{
    margin:0;
    padding:0;  
}
.myguide em{
    font-style:normal;  
}
.myguide .lt{
    float:left; 
}
.myguide .rt{
    float:right;    
}
 
div.clear{
    font: 0px Arial; line-height:0;
    height:0; 
    overflow:hidden;    
    clear:both; 
}
.line5{
    font-size:1px;height:5px;width:100%;clear:both; 
}
.line10{
    font-size:1px;height:10px;width:100%;clear:both;    
}
.line20{
    font-size:1px;height:20px;width:100%;clear:both;    
}
.ck_device{
    position:absolute;
    top:-300px;
}
 
/*所有设备公用 CSS*/
.wrapin{
    width:1200px;
    margin-left:auto;
    margin-right:auto;  
}
 
.mgu_intro{
    font-size:16px;
    line-height: 1.8;
    padding:30px 0 50px 0;  
    margin-bottom:20px;
}
.mgu_title{
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-weight: bold;
    font-size:36px;
    padding-bottom:20px;
}
 
.mgu_links{
    position: relative;
    overflow: hidden;   
}
.mgu_wp{
    width: 120%;
}
.mgu_item{
    width: 276px;
    float: left;
    display: block;
    height: 288px;
    border-radius:5px;
    position: relative;
    overflow: hidden;
    margin:32px 32px 0 0;
}
.mgu_item img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.mgu_item .name{
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    color:#fff;
    font-size:18px;
}
 
.mgu_map{
    margin:32px auto;
}
 
.mp_item{
    width: 20%;
    float: left;
    text-align: center;
    margin-bottom:40px;
}
.mp_item .ico{
    display: block;
    width: 36px;
    height: 48px;
    line-height: 34px;
    color:#4da64f;
    font-weight: bold;
    margin:0 auto;
    background:url("../images/map.png") no-repeat top center;
}
.mp_item li{
    height: 32px;
    line-height: 32px;
    float: none;
}
.mp_item li a{
    color:#353535;
}
.cl2{
    display: none;
}
 
/*所有设备公用 CSS*/
 
/* PC大屏幕 big star*/
@media screen and (min-width: 1200px) {
 
.wrapin{
    width:1200px;   
}
 
/* PC大屏幕 big end*/
}
 
/* 小屏幕 small start*/
@media screen and (min-width: 993px) and (max-width: 1199px) {
 
.wrapin{
    width:970px;    
}
 
.mgu_intro{
    font-size:16px; 
    padding:20px 0 30px 0;  
}
.mgu_title{ 
    height: 60px;
    line-height: 60px;  
    font-size:36px;
}
 
.mgu_item{
    width: 229px;   
    height: 240px;  
    margin:18px 18px 0 0;
}
 
.mgu_map{
    margin:20px auto;
}
 
/* 小屏幕 small end*/
}
 
/* 平板 pad start*/
@media screen and (min-width: 768px) and (max-width: 992px) {
 
 
.wrapin{
    width:750px;    
}
 
.mgu_intro{
    font-size:16px; 
    padding:20px -1px 30px 0;  
}
.mgu_title{ 
    height: 50px;
    line-height: 50px;  
    font-size:30px;
}
 
.mgu_item{
    width: 242px;   
    height: 252px;  
    margin:18px 18px 0 0;
}
 
.mgu_map{
    margin:15px auto;
}
 
/* 平板 pad end*/
}
 
/* 手机 mobile start*/
@media (max-width: 767px) {
 
.wrapin{
    width:100%;
}
 
.mgu_intro{
    font-size:16px; 
    padding:10px 10px 20px 10px;    
}
.mgu_title{ 
    height: 40px;
    line-height: 40px;  
    font-size:20px;
}
 
.mgu_item .name{
    height: 30px;
    line-height: 30px;
}
.mgu_wp{
    width: 100%;
}
.mgu_item{  
    width: 46%; 
    height: 190px;  
    margin:12px 2% 0 2%;
}
 
.mgu_map{
    margin:10px auto;
}
.cl2{
    display: block;
}
.cl5{
    display: none;
}
.mp_item{
    width: 50%;
}
 
/* 手机 mobile end*/ 
}