.abback{

    width: 100%;

    height: 600px;

    position: relative;

    overflow: hidden;

}

.abbanner{

    width: 100%;

    height: 600px;

    position: absolute;

    left: 50%;

    top: 0;

    margin-top: 0;

    margin-left: -50%;

    background-repeat: no-repeat;

    background-position: center;

}

.soj{

    margin-top: 60px;

    display: flex;

    justify-content: space-between;

}

.sojbox{

    width: 380px;

    height: 260px;

    box-shadow: 0 0 10px #e5e8ed;

    border-radius: 2px;

    transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

}

.sojbox:hover{

    box-shadow: 0 0 10px #78c496;

}

.molixib{

    margin: 120px 0;

}
.ydmolixi{
	display: none;
}
@media screen and ( max-width: 780px ) { 
	.ydmolixi{
		display: block;
	}
	.molibalck{
		display: none;
	}
	.abbanner{background-image: url(../img/phone/molixi-yd.svg);
		background-size: 100%;
		height: 300px;
	}
	.abback{
		height: 300px;
	}
	.abbri{
	    padding: 0 5%;
	}
	.abbrib{
		width: 90%;
		height: 200px;
		background-size: 100% 100%;
	}
	.culboxlp{
		display: none;
	}
	.culbox{
		width: 100%;
	}
	.culboxr{
		display: none;
	}
	.culb{
		height: 200px;
	}
	.culb{
		width: 100%;
		height: 200px;
	}
	.cul{
		height: 200px;
	}
	.qboxbody-phone{
		padding: 15px 5%;
	}
	.youshi{
		font-size: 18px;
		padding-top: 8px;
	}
	.qboxbody-phone{
		display: block;
	}
	.busbox{
		width: 48%;
		margin-bottom:20px ;
	}
	.busbody{
		padding: 0px 10% 0 10%;
	}
	.advr{
		display: none;
	}
	.adv{
		width: 100%;
		padding:5%;
		margin-top:10px ;
	}
	.advl{
		width: 100%;
	}
	.advlp{
		width: 100%;
		display: flex;
	}
	.advlpn{
		width: 90%;
	}
	.advlpz{
		width: 10%;
	}
	#certify{
		display: none;
	} 
	.honl{
		padding-left: 20px;
		margin-bottom: 20px;
	}
	.honl h1{
		font-size: 14px;
	}
	.honl h2{
		font-size: 25px;
	}
	.hon{
		margin-bottom: 120px;
	}
	.cul{
		margin: 60px 10% 10% 0;
	}
	.culb{
		width: 90%;
		position: absolute;
		left: 55%;
	}
	.phone-img{
		display: block !important;
	}
	.biao{width: 270px;height: 45px;}
	.sanbu{
		width: 100%;
		margin-top: -20pt !important;
	}
	.sanbut{
		width: 30%;
		margin: 0 auto;
	}
	.sanbu h1{
		font-size: 11pt;
		font-weight: bold;
		color: #78c496;
		text-align: center;
		padding: 5px;
		margin: 0;
	}
	.sanbu p{
		font-size: 8pt;
		color: #333;
		text-align: center;
		padding: 0 20%;
	}
	.ydms{
		margin-top: 30px;
	}
	.msw{
		background-color: #f7f7f7;
		padding: 10% 20%;
	}
	.msw h1{
		font-size: 11pt;
		font-weight: bold;
		color: #78c496;
		margin: 0;
	}
	.msw p{
		font-size: 8pt;
		color: #333;
		margin-bottom: 20px;
	}
	.msw a{
		display: block;
		width: 45%;
		height: 30px;
		line-height: 30px;
		margin: 30px auto 0;
		text-align: center;
		background-color: #78c496;
		color: #fff;
		border-radius: 2px;
	}
	.ydzst{
		width: 100%;
	}
}

@media screen and (max-width: 576px) { 
	.ydmolixi{
		display: block;
	}
	.molibalck{
		display: none;
	}
	.biao {
	    width: 70%;
	    height: 50%;
	}
	.youshi{
		font-size: 12px;
		padding-top: 8px;
	}
	.abbrib{
		width: 100%;
		height: 150px;
	}
	.culb{
		width: 100%;
		height: 150px;
	}
	.cul{
		height: 150px;
	}
	.busbox{
		width: 50%;
	}
	.ecob img{
		width: 100%;
		height: 100%;
	}
	.ecob {
		height: 200px;
		line-height: 200px;
	}
	.eco{
		height: 200px;
	}
	.honl{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.hon{
		margin-top: 30px;
	}
	.honl h1{
		font-size: 18px;
	}
	.honl h2{
		font-size: 30px;
	}
	.honr img{
		width: 90%;
		height: 100%;
	}
	.honr{
		width: 100%;
	}
	.advlpz {
		width: 25%;
	}
	.culb{
		width: 100%;
		position: static;
		margin: 0;
	}
}