@media screen and (max-width:679px){
.guestpiece .photo li h4 {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background-color: rgb(0, 191, 223);
    color: rgb(255, 255, 255);
    font: 14px/21px 微软雅黑;
    padding: 4px 26px;
}
.aboutus{ padding:4px 22px 4px 22px}
.swiper-wrapper{ width:100%!important}
.biao .form {
    margin: 0 auto;
    width: 94%;
    padding-top: 20px;
}

.banner_aboutus{ 

width:100%; height:200px; 
background:url(../image/banner_about.jpg);
  background-size:cover;
  background-position:center;
}

.banner_active{  width:100%; height:200px; 
background:url(../image/banner_active.jpg);
  background-size:cover;
  background-position:center;
}

.banner_offer{  width:100%; height:200px; 
background:url(../image/banner_offer.jpg);
  background-size:cover;
  background-position:center;
}

.banner_store{  width:100%; height:200px; 
background:url(../image/banner_store.jpg);
  background-size:cover;
  background-position:center;
}
 

.swiper-slide{height:270px; }
.bannerbg{height:250px;background-size:cover;}
.swiper-slide img{ height:280px; width:100%}
.swiper1{height:250px; width: 100%;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 8px;
    left: 0;
    width: 100%;
}

.Guest{ padding:12px 0  15px 0}
.anniu1{width: 99%;}
.biao .form h4 {
line-height: 35px;
}

.biao .form h4 .befroe {
    width: 150px;
    display: block;
    float: left;
    text-align: left;
}


.more {
    width:  67px;
height: 35px;border-radius: 15px;
    margin: 30px auto 32px auto;
    BORDER: #cccccc 1px solid;
    font: normal 11px/35px "微软雅黑";
    text-align: center;
    padding-left: 1px;
}

.banner_aboutus{ height: 200px;}
.banner_aboutus img{ height: 100%; width:100%}

.mdzs {
    height: 500px;
    margin-bottom: 25px;
}
.mdzs_img {
    float: left;
    width: 100%;
    height: 305px;
}
.mdzs_con {
    font: 16px/32px 'microsoft yahei';
    color: #414141;
    float: right;
    width: 95%;
}

.content2{width: 100%; margin: 0px auto;}

.mdzs_img {
    float: left;
    width: 100%;
    height: 205px;
}
 

 .banner_kepian1 {
    width: 100%;
    margin: 0 auto;
}
 .zazhif .ul-zfj2 li {

    width: 47.566667%;
    height: 240px;
    border: 1px solid #f2f2f2;
    margin-right: 1%;
    overflow: hidden;
    float: left;
    margin-top: 0px;
	}
.zazhif .ul-zfj2 li .dg {
    width: 100%;
    height: 160px;
    overflow: hidden;
}
	
 .section_1 {
    width: 100%; background-color:#FFFFFF;
    height: 580px; margin-top:22px; margin-bottom:0px
}
.section_1 .sleft { 
    width: 100%;
    float: left;
    text-align: center;
    height: 288px;
    background-color: #f2f2f2;
}
.sleft .text { padding:22px;
}
.index_span_4{ font-size:23px; padding-bottom:10px}
.index_span_5{    
font-size: 13px;
    padding-top: 21px;
    line-height: 19px;
    color: #666;
}
 
.section_1 .sright { width:100%; float:right;
     height:280px
}
.section_2 {
    width: 100%; background-color:#FFFFFF;
    height: 300px;
}
.section_2 .sleft { width:100%; float:right;height:200px;
    background-color: #ccc;
}
.section_2.sleft .text { padding:62px;
}
.section_2.index_span_4{ font-size:36px; padding-bottom:22px}
.section_2.index_span_5{   padding-top:22px; line-height:30px}
.section_2 .sright { width:100%; float:left;
  height:200px
}


.dingdan {
width: 90%;
    height: 223px;
    background-color: #f2f2f2;

    text-align: center;
    padding-top: 15px;
    padding-left: 5%;
    padding-right: 5%; padding-bottom:11px
}
.dingdan li select {
    padding: 0;
    margin: 0;
    color: #999;
    width: 100%;
    height: 45px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
 
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0 20px;
}
.dingdan li input.i1 {
    background: none;
    background-color: #fff;
    width: 100%;
    height: 45px;
    border: 1px solid #d4d4d4;
    padding: 0 5%;
    font: normal 16px/42px "微软雅黑";
     
    color: #999;
}


.dingdan li {
 
    padding-bottom: 11px;
}
.guestpiece .photo {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    margin: auto;
}
.guestpiece .photo li img {
    width: 100%;
    display: block;
    height: 142px!important;
}
.guestpiece .photo li {
    width: 19.0%;
    height: 122px!important;
    float: left;
    margin: 0 0.28% 0.5% 0;
    border: 1px solid #f5f5f5;
    position: relative;
    overflow: hidden;
}

.main-width {
    width: 98%;
    text-align: center;
    margin: 0 auto;
}

.erweima{ text-align:center; height:150px!important}



.logo{     padding-left: 11px;
    width: 135%;
    padding-top:  12px;}
.hidewap{ display:none}
.headtop { height:77px}
 
 .floating_left { display:none
}
  
 .floating_right { display:none
}
 
 .footer .menu li {
    float: left;
    width: 28%;
    padding-left: 5%;
    height: 44px;
    padding-top: 14px;
    line-height: 10px;
    border-bottom: 1px solid #666;
}

.footer .menu {
    width: 100%; background-color:#555;
    height: 118px;
    margin: 0 auto;
    border-bottom: 0px solid #666; 
}

.footer .contact li {
    width: 99.66%;
    padding-right: 2%;
    height: 53px;
    margin-top: 18px;
    float: left;
    line-height: 17px;
    font-size: 14px;
    padding-bottom: 21px;
    border-bottom: 1px solid #666;
}

 }