html,body{
		font-family: "微软雅黑";
		font-size: 20px;
	}
	#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	.dsn{
		display: none;
	}
	.mgb1 div{
		margin-bottom: 1rem;
	}
	.bannerImg{
		background: url(../images/mobel/solution_safecity.jpg) no-repeat;
		background-size: 100% 100%;
		height: 400px;
	}
	
	.assetImg{
		background: url(../images/solution-banner-assetmgt.jpg) no-repeat;
		background-size: 100% 100%;
		height: 400px;
	}
	
	.aboutImg{
		background: url(../images/about-banner.jpg) no-repeat;
		background-size: 100% 100%;
		height: 400px;
	}
	
	.schoolImg{
		background: url(../images/solution-school-safecity.jpg) no-repeat;
		background-size: 100% 100%;
		height: 400px;
	}
	.contactImg{
		background: url(../images/contact-banner.jpg) no-repeat;
		background-size: 100% 100%;
		height: 400px;
	}
	.maps{
		width: 1000px;
		height: 599px;
		padding: 100px 0 60px 0;
		margin: 0 auto;
	}

	dl,dt,dd,ul,li{
		margin:0;
		padding:0;
		list-style:none;
	}
	dt{
		font-size:14px;
		font-family:"微软雅黑";
		font-weight:bold;
		border-bottom:1px dotted #000;
		padding:5px 0 5px 5px;
		margin:5px 0;
	}
	dd{
		padding:5px 0 0 5px;
	}
	li{
		line-height:28px;
	}
	
	
	
	
	
	.listBox .fl{
		float: left;
	}
	.aboutClir{
		width: 12px; 
		height: 12px; 
		border: 2px solid #BD2F00; 
		border-radius: 50%;
		margin-right: 20px;
		margin-top: 10px;
	}
	.textind{
		text-indent: 132px;
	}
	.aboutyear{
		font-size: 24px;
		color: #404040;
		margin-right: 40px;
		line-height: 36px;
	}
	.aboutText{
		color: #404040;
	    font-size: 18px;
	    line-height: 36px;
	}
	
	.bannerDescribe{
		width: 1200px;
		margin: 0 auto;
	}
	.bannerDescribe h1{
		font-size: 44px;
		color: #FFFFFF;
		padding-top: 80px;
	}
	.bannerDescribe p{
		padding-top: 30px;
		font-size: 18px;
		color: #ffffff;
	}
	.bannerDescribe ul{
		padding-top: 30px;
	}
	.bannerDescribe ul li{
		font-size: 18px;
		color: #ffffff;
		line-height: 30px;
	}
	.describeContent {
		width: 1200px;
		margin: 0 auto;
	}
	.describeContent h1{
		height: 100px;
		line-height: 100px;
		font-size: 20px;
		color: #BD2F00;
	}
	.describeContent .textDescription ,.textDescrNext{
		color: #404040;
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 60px;
	}
	.describeContent .describeImg{
		text-align: center;
		margin-bottom: 5rem;
	}
	.describeImg img{
		width: 1000px;
	}

	.clice{
		display: inline-block;
		width: 14px;
		height: 14px;
		background-color: #BD2F00;
		border-radius: 50%;
	}
	
	.footer{
		bottom: 0;
	    width: 100%;
	    height: 60px;
	    line-height: 60px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	
	
	.proudList{
		width: 1200px;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 1000px;
	}
	    
	
	.mask{
		display: none;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.7);
	    z-index: 10;
	}
	.meunAmin{
		-webkit-animation:fadeInRight 1s .2s ease both;
		-moz-animation:fadeInRight 1s .2s ease both;}
		@-webkit-keyframes fadeInRight{
		0%{opacity:0;
		-webkit-transform:translateX(20px)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
		}
		@-moz-keyframes fadeInRight{
		0%{opacity:0;
		-moz-transform:translateX(20px)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	/*320px*/
@media only screen and (min-width: 319px) and (max-width: 321px) {
	html , body{
		font-family: "微软雅黑";
	}
	a{
		color: #404040;
	}
	a{
		text-decoration: none;
	}
	.hearder .nav {
	    width: 100% !important;
	    margin: 0 auto;
	    height: 50px !important;
	}
	#pc-mobil{
		display: block;
	}
	.hearder .nav {
	    width: 100%;
	    margin: 0 auto;
	    height: 50px;
	}
	.nav .logo-left {
	   	padding: 15px 0 0 40px !important;
	}
	.logo-left img{
		width: 63px;
		height: 20px;
	}
	#wrap {
	    position: relative;
	    height: 196px;
	    margin-bottom: 10px;
	}
	.meun{
		width: 32px;
		height: 20px;
		display: block;
		background: url(../images/menu-button-2x.png) no-repeat;
		background-size: 25px 20px;
		margin-left: 270px;
		margin-top: -20px;
	}
	.mobilNav{
		position: absolute;
	    width: 30%;
	    right: 0;
	    top: 0;
	    background-color: #404040;
	    z-index: 99;
	}
	.mobilNav ul li{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #999999;
	}
	.mobilNav ul li a{
		color: #ffffff;
		font-size: 12px;
		padding-left: 20px;
	}
	.mobil-seach{
		height: 100px !important;
	}
	.seachDel{
		padding-top:20px ;
	}
	.seachDel input{
		width: 70%;
	    margin-left: 10%;
	    height: 20px;
	    border: 1px solid #ffffff;
	    border-radius: 10px;
	    outline: none;
	    background-color: #404040;
	    color: #ffffff;
	}
	.seachDel img{
	    width: 14px;
	    height: 14px;
	    margin-left: -20px;
	    margin-top: 17px;
	    position: absolute;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.bannerImg {
	    background: url(../images/mobel/elebike-mobile.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 9rem;
	}
	.assetImg{
		background: url(../images/mobel/solution-banner-assetmgt-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.aboutImg{
		background: url(../images/mobel/about-banner-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.schoolImg{
		background: url(../images/mobel/solution-school-safecity-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.contactImg{
		background: url(../images/mobel/contact-banner-m.jpg)) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.maps{
		width: 100%;
		height: 309px;
		padding: 20px 0 60px 0;
		margin: 0 auto;
	}
	
	
	.proudList{
		width: 100%;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul {
		margin: 0 .5rem;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 100%;
	}
	
	
	
	.bannerDescribe {
	    width: 100%;
	    text-indent: 20px;
	}
	.bannerDescribe h1 {
	    font-size: 24px;
	    color: #FFFFFF;
	    padding-top: 30px;
	}
	.bannerDescribe p {
	    padding-top: 15px;
	    font-size: 17px;
	    color: #ffffff;
	}
	.bannerDescribe ul {
	    padding-top: 10px;
	}
	.bannerDescribe ul li {
	    font-size: 9px;
	    color: #ffffff;
	    line-height: 15px;
	}
	.clice {
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    background-color: #BD2F00;
	    border-radius: 50%;
	    margin-right: 3px;
	    
	}
	.describeContent{
		width: 100%;
		
	}
	.describeContent h1 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    text-align: center;
	}
	
	.solve{
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    font-size: 18px;
	}
	.solve svg{
		padding-left: 5px;
	}

	.describeContent .textDescription, .textDescrNext{
		padding: 0 20px 20px 20px;
	}
	.pdnext{
		padding-top: 50px;
	}
	.describeImg img{
		width: 100%;
	}

	.describeImg{
		background: url(../images/solution-banner-safecity.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 150px;
	    margin: 0 10px 30px 10px;
	}
	.contact {
	    width: 100% !important;
	    margin: 0 auto;
	    background-color: #EDF2F1;
	}
	
	.wrapAbout .title {
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	    color: #404040;
	}
	.contactAdress ul li {
	    color: #404040;
	    font-size: 18px;
	    line-height: 1.5;
	    text-align: center;
	}
	.contactWecha .code img {
	    float: none;
	}
	
	.codeTitle {
		font-size: 16px;
	    color: #404040;
	    text-align: center;
	    margin-top: 20px;
	}
	.footdelete{
		font-size: 12px;
	    line-height: 25px;
	    background-color: #404040;
	    color: #ffffff;
	    margin: 5px;
	    text-align: center;
	}
	.content {
	    width: 100%;
	    margin: 0 auto;
	}
	.contactList {
	    width: 100%; 
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 60px;
	}
	.contactList .cont {
	     float: none; 
	}
	.contactWecha {
	    width: 100%;
	    height: 180px;
	    float: none; 
	    margin-top: 20px;
	    text-align: center;
	}
	.contactWecha .codeTitle {
	    margin-top: 10px;
	    text-align: center;
	    font-size: 14px;
	    color: #404040;
	}
	.contactWecha{
		float: none !important;
	}
	.foot {
	    bottom: 0;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	

	
	.head-nav,.searh-right,.searh-right, .head-nav,.prev,.next,.solution,.product,.news,.about,.contactTm{
		display: none;
	}
}



/*375px*/
@media only screen and (min-width: 374px) and (max-width: 376px) {
	html , body{
		font-family: "微软雅黑";
	}
	a{
		color: #404040;
	}
	a{
		text-decoration: none;
	}
	.hearder .nav {
	    width: 100% !important;
	    margin: 0 auto;
	    height: 50px !important;
	}
	#pc-mobil{
		display: block;
	}
	.hearder .nav {
	    width: 100%;
	    margin: 0 auto;
	    height: 50px;
	}
	.nav .logo-left {
	   	padding: 15px 0 0 40px !important;
	}
	.logo-left img{
		width: 63px;
		height: 20px;
	}
	#wrap {
	    position: relative;
	    height: 196px;
	    margin-bottom: 10px;
	}
	.meun{
		width: 32px;
		height: 20px;
		display: block;
		background: url(../images/menu-button-2x.png) no-repeat;
		background-size: 25px 20px;
		margin-left: 230px;
		margin-top: 15px;
	}
	.mobilNav{
		position: absolute;
	    width: 30%;
	    right: 0;
	    top: 0;
	    background-color: #404040;
	    z-index: 99;
	}
	.mobilNav ul li{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #999999;
	}
	.mobilNav ul li a{
		color: #ffffff;
		font-size: 12px;
		padding-left: 20px;
	}
	.mobil-seach{
		height: 100px !important;
	}
	.seachDel{
		padding-top:20px ;
	}
	.seachDel input{
		width: 70%;
	    margin-left: 10%;
	    height: 20px;
	    border: 1px solid #ffffff;
	    border-radius: 10px;
	    outline: none;
	    background-color: #404040;
	    color: #ffffff;
	}
	.seachDel img{
	    width: 14px;
	    height: 14px;
	    margin-left: -20px;
	    margin-top: 17px;
	    position: absolute;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.bannerImg {
	    background: url(../images/mobel/elebike-mobile.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 9rem;
	}
	.assetImg{
		background: url(../images/mobel/solution-banner-assetmgt-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.aboutImg{
		background: url(../images/mobel/about-banner-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.schoolImg{
		background: url(../images/mobel/solution-school-safecity-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.contactImg{
		background: url(../images/mobel/contact-banner-m.jpg)) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.maps{
		width: 100%;
		height: 309px;
		padding: 20px 0 60px 0;
		margin: 0 auto;
	}
	
	.proudList{
		width: 100%;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul {
		margin: 0 .5rem;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	.bannerDescribe {
	    width: 100%;
	    text-indent: 20px;
	}
	.bannerDescribe h1 {
	    font-size: 24px;
	    color: #FFFFFF;
	    padding-top: 30px;
	}
	.bannerDescribe p {
	    padding-top: 15px;
	    font-size: 17px;
	    color: #ffffff;
	}
	.bannerDescribe ul {
	    padding-top: 10px;
	}
	.bannerDescribe ul li {
	    font-size: 9px;
	    color: #ffffff;
	    line-height: 15px;
	}
	.clice {
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    background-color: #BD2F00;
	    border-radius: 50%;
	    margin-right: 3px;
	    
	}
	.describeContent{
		width: 100%;
		
	}
	.describeContent h1 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    text-align: center;
	}
	
	.solve{
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    font-size: 18px;
	}
	.solve svg{
		padding-left: 5px;
	}

	.describeContent .textDescription, .textDescrNext{
		padding: 0 20px 20px 20px;
	}
	.pdnext{
		padding-top: 80px;
	}
	.describeImg img{
		width: 100%;
	}
	.describeImg{
		background: url(../images/solution-banner-safecity.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 150px;
	    margin: 0 10px 30px 10px;
	}
	.contact {
	    width: 100% !important;
	    margin: 0 auto;
	    background-color: #EDF2F1;
	}
	
	.wrapAbout .title {
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	    color: #404040;
	}
	.contactAdress ul li {
	    color: #404040;
	    font-size: 18px;
	    line-height: 1.5;
	    text-align: center;
	}
	.contactWecha .code img {
	    float: none;
	}
	
	.codeTitle {
		font-size: 16px;
	    color: #404040;
	    text-align: center;
	    margin-top: 20px;
	}
	.footdelete{
		font-size: 12px;
	    line-height: 25px;
	    background-color: #404040;
	    color: #ffffff;
	    margin: 5px;
	    text-align: center;
	}
	.content {
	    width: 100%;
	    margin: 0 auto;
	}
	.contactList {
	    width: 100%; 
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 60px;
	}
	.contactList .cont {
	     float: none; 
	}
	.contactWecha {
	    width: 100%;
	    height: 180px;
	    float: none; 
	    margin-top: 20px;
	    text-align: center;
	}
	.contactWecha .codeTitle {
	    margin-top: 10px;
	    text-align: center;
	    font-size: 14px;
	    color: #404040;
	}
	.contactWecha{
		float: none !important;
	}
	.foot {
	    bottom: 0;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	

	
	.head-nav,.searh-right,.searh-right, .head-nav,.prev,.next,.solution,.product,.news,.about,.contactTm{
		display: none;
	}
}


/*414px*/
@media only screen and (min-width: 413px) and (max-width: 415px) {
	html , body{
		font-family: "微软雅黑";
	}
	a{
		color: #404040;
	}
	a{
		text-decoration: none;
	}
	.hearder .nav {
	    width: 100% !important;
	    margin: 0 auto;
	    height: 50px !important;
	}
	#pc-mobil{
		display: block;
	}
	.hearder .nav {
	    width: 100%;
	    margin: 0 auto;
	    height: 50px;
	}
	.nav .logo-left {
	   	padding: 15px 0 0 40px !important;
	}
	.logo-left img{
		width: 63px;
		height: 20px;
	}
	#wrap {
	    position: relative;
	    height: 196px;
	    margin-bottom: 10px;
	}
	.meun{
		width: 32px;
		height: 20px;
		display: block;
		background: url(../images/menu-button-2x.png) no-repeat;
		background-size: 25px 20px;
		margin-left: 230px;
		margin-top: 15px;
	}
	.mobilNav{
		position: absolute;
	    width: 30%;
	    right: 0;
	    top: 0;
	    background-color: #404040;
	    z-index: 99;
	}
	.mobilNav ul li{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #999999;
	}
	.mobilNav ul li a{
		color: #ffffff;
		font-size: 12px;
		padding-left: 20px;
	}
	.mobil-seach{
		height: 100px !important;
	}
	.seachDel{
		padding-top:20px ;
	}
	.seachDel input{
		width: 70%;
	    margin-left: 10%;
	    height: 20px;
	    border: 1px solid #ffffff;
	    border-radius: 10px;
	    outline: none;
	    background-color: #404040;
	    color: #ffffff;
	}
	.seachDel img{
	    width: 14px;
	    height: 14px;
	    margin-left: -20px;
	    margin-top: 17px;
	    position: absolute;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.bannerImg {
	    background: url(../images/mobel/elebike-mobile.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 9rem;
	}
	
	.assetImg{
		background: url(../images/mobel/solution-banner-assetmgt-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.aboutImg{
		background: url(../images/mobel/about-banner-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.schoolImg{
		background: url(../images/mobel/solution-school-safecity-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.contactImg{
		background: url(../images/mobel/contact-banner-m.jpg)) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.maps{
		width: 100%;
		height: 309px;
		padding: 20px 0 60px 0;
		margin: 0 auto;
	}
	
	.proudList{
		width: 100%;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul {
		margin: 0 .5rem;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	.bannerDescribe {
	    width: 100%;
	    text-indent: 20px;
	}
	.bannerDescribe h1 {
	    font-size: 24px;
	    color: #FFFFFF;
	    padding-top: 30px;
	}
	.bannerDescribe p {
	    padding-top: 15px;
	    font-size: 17px;
	    color: #ffffff;
	}
	.bannerDescribe ul {
	    padding-top: 10px;
	}
	.bannerDescribe ul li {
	    font-size: 9px;
	    color: #ffffff;
	    line-height: 15px;
	}
	.clice {
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    background-color: #BD2F00;
	    border-radius: 50%;
	    margin-right: 3px;
	    
	}
	.describeContent{
		width: 100%;
		
	}
	.describeContent h1 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    text-align: center;
	}
	
	.solve{
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    font-size: 18px;
	}
	.solve svg{
		padding-left: 5px;
	}

	.describeContent .textDescription, .textDescrNext{
		padding: 0 20px 20px 20px;
	}
	.pdnext{
		padding-top: 110px;
	}
	.describeImg img{
		width: 100%;
	}
	.describeImg{
		background: url(../images/solution-banner-safecity.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 150px;
	    margin: 0 10px 30px 10px;
	}
	.contact {
	    width: 100% !important;
	    margin: 0 auto;
	    background-color: #EDF2F1;
	}
	
	.wrapAbout .title {
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	    color: #404040;
	}
	.contactAdress ul li {
	    color: #404040;
	    font-size: 18px;
	    line-height: 1.5;
	    text-align: center;
	}
	.contactWecha .code img {
	    float: none;
	}
	
	.codeTitle {
		font-size: 16px;
	    color: #404040;
	    text-align: center;
	    margin-top: 20px;
	}
	.footdelete{
		font-size: 12px;
	    line-height: 25px;
	    background-color: #404040;
	    color: #ffffff;
	    margin: 5px;
	    text-align: center;
	}
	.content {
	    width: 100%;
	    margin: 0 auto;
	}
	.contactList {
	    width: 100%; 
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 60px;
	}
	.contactList .cont {
	     float: none; 
	}
	.contactWecha {
	    width: 100%;
	    height: 180px;
	    float: none; 
	    margin-top: 20px;
	    text-align: center;
	}
	.contactWecha .codeTitle {
	    margin-top: 10px;
	    text-align: center;
	    font-size: 14px;
	    color: #404040;
	}
	.contactWecha{
		float: none !important;
	}
	.foot {
	    bottom: 0;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	

	
	.head-nav,.searh-right,.searh-right, .head-nav,.prev,.next,.solution,.product,.news,.about,.contactTm{
		display: none;
	}
}
	



/*412px*/
@media only screen and (min-width: 411px) and (max-width: 413px) {
	html , body{
		font-family: "微软雅黑";
	}
	a{
		color: #404040;
	}
	a{
		text-decoration: none;
	}
	.hearder .nav {
	    width: 100% !important;
	    margin: 0 auto;
	    height: 50px !important;
	}
	#pc-mobil{
		display: block;
	}
	.hearder .nav {
	    width: 100%;
	    margin: 0 auto;
	    height: 50px;
	}
	.nav .logo-left {
	   	padding: 15px 0 0 40px !important;
	}
	.logo-left img{
		width: 63px;
		height: 20px;
	}
	#wrap {
	    position: relative;
	    height: 196px;
	    margin-bottom: 10px;
	}
	.meun{
		width: 32px;
		height: 20px;
		display: block;
		background: url(../images/menu-button-2x.png) no-repeat;
		background-size: 25px 20px;
		margin-left: 230px;
		margin-top: 15px;
	}
	.mobilNav{
		position: absolute;
	    width: 30%;
	    right: 0;
	    top: 0;
	    background-color: #404040;
	    z-index: 99;
	}
	.mobilNav ul li{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #999999;
	}
	.mobilNav ul li a{
		color: #ffffff;
		font-size: 12px;
		padding-left: 20px;
	}
	.mobil-seach{
		height: 100px !important;
	}
	.seachDel{
		padding-top:20px ;
	}
	.seachDel input{
		width: 70%;
	    margin-left: 10%;
	    height: 20px;
	    border: 1px solid #ffffff;
	    border-radius: 10px;
	    outline: none;
	    background-color: #404040;
	    color: #ffffff;
	}
	.seachDel img{
	    width: 14px;
	    height: 14px;
	    margin-left: -20px;
	    margin-top: 17px;
	    position: absolute;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.bannerImg {
	    background: url(../images/mobel/elebike-mobile.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 9rem;
	}
	
	
	.assetImg{
		background: url(../images/mobel/solution-banner-assetmgt-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.aboutImg{
		background: url(../images/mobel/about-banner-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.schoolImg{
		background: url(../images/mobel/solution-school-safecity-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.contactImg{
		background: url(../images/mobel/contact-banner-m.jpg)) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.maps{
		width: 100%;
		height: 309px;
		padding: 20px 0 60px 0;
		margin: 0 auto;
	}
	
	.proudList{
		width: 100%;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul {
		margin: 0 .5rem;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 100%;
	}
	
	
	.bannerDescribe {
	    width: 100%;
	    text-indent: 20px;
	}
	.bannerDescribe h1 {
	    font-size: 24px;
	    color: #FFFFFF;
	    padding-top: 30px;
	}
	.bannerDescribe p {
	    padding-top: 15px;
	    font-size: 17px;
	    color: #ffffff;
	}
	.bannerDescribe ul {
	    padding-top: 10px;
	}
	.bannerDescribe ul li {
	    font-size: 9px;
	    color: #ffffff;
	    line-height: 15px;
	}
	.clice {
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    background-color: #BD2F00;
	    border-radius: 50%;
	    margin-right: 3px;
	    
	}
	.describeContent{
		width: 100%;
		
	}
	.describeContent h1 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    text-align: center;
	}
	
	.solve{
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    font-size: 18px;
	}
	.solve svg{
		padding-left: 5px;
	}

	.describeContent .textDescription, .textDescrNext{
		padding: 0 20px 20px 20px;
	}
	.pdnext{
		padding-top: 100px;
	}
	.describeImg img{
		width: 100%;
	}
	.describeImg{
		background: url(../images/solution-banner-safecity.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 150px;
	    margin: 0 10px 30px 10px;
	}
	.contact {
	    width: 100% !important;
	    margin: 0 auto;
	    background-color: #EDF2F1;
	}
	
	.wrapAbout .title {
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	    color: #404040;
	}
	.contactAdress ul li {
	    color: #404040;
	    font-size: 18px;
	    line-height: 1.5;
	    text-align: center;
	}
	.contactWecha .code img {
	    float: none;
	}
	
	.codeTitle {
		font-size: 16px;
	    color: #404040;
	    text-align: center;
	    margin-top: 20px;
	}
	.footdelete{
		font-size: 12px;
	    line-height: 25px;
	    background-color: #404040;
	    color: #ffffff;
	    margin: 5px;
	    text-align: center;
	}
	.content {
	    width: 100%;
	    margin: 0 auto;
	}
	.contactList {
	    width: 100%; 
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 60px;
	}
	.contactList .cont {
	     float: none; 
	}
	.contactWecha {
	    width: 100%;
	    height: 180px;
	    float: none; 
	    margin-top: 20px;
	    text-align: center;
	}
	.contactWecha .codeTitle {
	    margin-top: 10px;
	    text-align: center;
	    font-size: 14px;
	    color: #404040;
	}
	.contactWecha{
		float: none !important;
	}
	.foot {
	    bottom: 0;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	

	
	.head-nav,.searh-right,.searh-right, .head-nav,.prev,.next,.solution,.product,.news,.about,.contactTm{
		display: none;
	}
}


/*360px*/
@media only screen and (min-width: 359px) and (max-width: 361px) {
	html , body{
		font-family: "微软雅黑";
	}
	a{
		color: #404040;
	}
	a{
		text-decoration: none;
	}
	.hearder .nav {
	    width: 100% !important;
	    margin: 0 auto;
	    height: 50px !important;
	}
	#pc-mobil{
		display: block;
	}
	.hearder .nav {
	    width: 100%;
	    margin: 0 auto;
	    height: 50px;
	}
	.nav .logo-left {
	   	padding: 15px 0 0 40px !important;
	}
	.logo-left img{
		width: 63px;
		height: 20px;
	}
	#wrap {
	    position: relative;
	    height: 196px;
	    margin-bottom: 10px;
	}
	.meun{
		width: 32px;
		height: 20px;
		display: block;
		background: url(../images/menu-button-2x.png) no-repeat;
		background-size: 25px 20px;
		margin-left: 300px;
		margin-top: -20px;
	}
	.mobilNav{
		position: absolute;
	    width: 30%;
	    right: 0;
	    top: 0;
	    background-color: #404040;
	    z-index: 99;
	}
	.mobilNav ul li{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #999999;
	}
	.mobilNav ul li a{
		color: #ffffff;
		font-size: 12px;
		padding-left: 20px;
	}
	.mobil-seach{
		height: 100px !important;
	}
	.seachDel{
		padding-top:20px ;
	}
	.seachDel input{
		width: 70%;
	    margin-left: 10%;
	    height: 20px;
	    border: 1px solid #ffffff;
	    border-radius: 10px;
	    outline: none;
	    background-color: #404040;
	    color: #ffffff;
	}
	.seachDel img{
	    width: 14px;
	    height: 14px;
	    margin-left: -20px;
	    margin-top: 17px;
	    position: absolute;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.bannerImg {
	    background: url(../images/mobel/elebike-mobile.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 9rem;
	}
	
	.assetImg{
		background: url(../images/mobel/solution-banner-assetmgt-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.aboutImg{
		background: url(../images/mobel/about-banner-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.schoolImg{
		background: url(../images/mobel/solution-school-safecity-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.contactImg{
		background: url(../images/mobel/contact-banner-m.jpg)) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.maps{
		width: 100%;
		height: 309px;
		padding: 20px 0 60px 0;
		margin: 0 auto;
	}
	
	.proudList{
		width: 100%;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul {
		margin: 0 .5rem;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 100%;
	}
	
	
	.bannerDescribe {
	    width: 100%;
	    text-indent: 20px;
	}
	.bannerDescribe h1 {
	    font-size: 24px;
	    color: #FFFFFF;
	    padding-top: 30px;
	}
	.bannerDescribe p {
	    padding-top: 15px;
	    font-size: 17px;
	    color: #ffffff;
	}
	.bannerDescribe ul {
	    padding-top: 10px;
	}
	.bannerDescribe ul li {
	    font-size: 9px;
	    color: #ffffff;
	    line-height: 15px;
	}
	.clice {
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    background-color: #BD2F00;
	    border-radius: 50%;
	    margin-right: 3px;
	    
	}
	.describeContent{
		width: 100%;
		
	}
	.describeContent h1 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    text-align: center;
	}
	
	.solve{
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    font-size: 18px;
	}
	.solve svg{
		padding-left: 5px;
	}

	.describeContent .textDescription, .textDescrNext{
		padding: 0 20px 20px 20px;
	}
	.pdnext{
		padding-top: 70px;
	}
	.describeImg img{
		width: 100%;
	}
	.describeImg{
		background: url(../images/solution-banner-safecity.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 150px;
	    margin: 0 10px 30px 10px;
	}
	.contact {
	    width: 100% !important;
	    margin: 0 auto;
	    background-color: #EDF2F1;
	}
	
	.wrapAbout .title {
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	    color: #404040;
	}
	.contactAdress ul li {
	    color: #404040;
	    font-size: 18px;
	    line-height: 1.5;
	    text-align: center;
	}
	.contactWecha .code img {
	    float: none;
	}
	
	.codeTitle {
		font-size: 16px;
	    color: #404040;
	    text-align: center;
	    margin-top: 20px;
	}
	.footdelete{
		font-size: 12px;
	    line-height: 25px;
	    background-color: #404040;
	    color: #ffffff;
	    margin: 5px;
	    text-align: center;
	}
	.content {
	    width: 100%;
	    margin: 0 auto;
	}
	.contactList {
	    width: 100%; 
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 60px;
	}
	.contactList .cont {
	     float: none; 
	}
	.contactWecha {
	    width: 100%;
	    height: 180px;
	    float: none; 
	    margin-top: 20px;
	    text-align: center;
	}
	.contactWecha .codeTitle {
	    margin-top: 10px;
	    text-align: center;
	    font-size: 14px;
	    color: #404040;
	}
	.contactWecha{
		float: none !important;
	}
	.foot {
	    bottom: 0;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	

	
	.head-nav,.searh-right,.searh-right, .head-nav,.prev,.next,.solution,.product,.news,.about,.contactTm{
		display: none;
	}
}


/*393px*/
@media only screen and (min-width:392px) and (max-width: 394px) {
	html , body{
		font-family: "微软雅黑";
	}
	a{
		color: #404040;
	}
	a{
		text-decoration: none;
	}
	.hearder .nav {
	    width: 100% !important;
	    margin: 0 auto;
	    height: 50px !important;
	}
	#pc-mobil{
		display: block;
	}
	.hearder .nav {
	    width: 100%;
	    margin: 0 auto;
	    height: 50px;
	}
	.nav .logo-left {
	   	padding: 15px 0 0 40px !important;
	}
	.logo-left img{
		width: 63px;
		height: 20px;
	}
	#wrap {
	    position: relative;
	    height: 196px;
	    margin-bottom: 10px;
	}
	.meun{
		width: 32px;
		height: 20px;
		display: block;
		background: url(../images/menu-button-2x.png) no-repeat;
		background-size: 25px 20px;
		margin-left: 230px;
		margin-top: 15px;
	}
	.mobilNav{
		position: absolute;
	    width: 30%;
	    right: 0;
	    top: 0;
	    background-color: #404040;
	    z-index: 99;
	}
	.mobilNav ul li{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #999999;
	}
	.mobilNav ul li a{
		color: #ffffff;
		font-size: 12px;
		padding-left: 20px;
	}
	.mobil-seach{
		height: 100px !important;
	}
	.seachDel{
		padding-top:20px ;
	}
	.seachDel input{
		width: 70%;
	    margin-left: 10%;
	    height: 20px;
	    border: 1px solid #ffffff;
	    border-radius: 10px;
	    outline: none;
	    background-color: #404040;
	    color: #ffffff;
	}
	.seachDel img{
	    width: 14px;
	    height: 14px;
	    margin-left: -20px;
	    margin-top: 17px;
	    position: absolute;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.mobil-contactList{
		background-color: #edf2f1;
	}
	.mobil-contactList ul li{
		color: #404040;
		font-size:18px;
		line-height: 1.5;
	}
	.mobil-code{
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.codeImg .mobilText{
		font-size:16px ;
		color: #404040;
		margin-top: -20px;
	}
	
	.bannerImg {
	    background: url(../images/mobel/elebike-mobile.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 9rem;
	}
	
	.assetImg{
		background: url(../images/mobel/solution-banner-assetmgt-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.aboutImg{
		background: url(../images/mobel/about-banner-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.schoolImg{
		background: url(../images/mobel/solution-school-safecity-m.jpg) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.contactImg{
		background: url(../images/mobel/contact-banner-m.jpg)) no-repeat;
		background-size: 100% 100%;
		height: 150px;
	}
	.maps{
		width: 100%;
		height: 309px;
		padding: 20px 0 60px 0;
		margin: 0 auto;
	}
	
	.proudList{
		width: 100%;
		margin: 0 auto;
	}

	.proudList ul li h1{
		height: 100px;
	    line-height: 100px;
	    font-size: 20px;
	    color: #BD2F00;
	}
	.proudList ul {
		margin: 0 .5rem;
	}
	.proudList ul li p{
		color: #404040;
	    font-size: 14px;
	    line-height: 26px;
	}
	.aglinImg{
		text-align: center;
		padding: 2rem 0;
	}
	.aglinImg img{
		width: 100%;
	}
	
	
	.bannerDescribe {
	    width: 100%;
	    text-indent: 20px;
	}
	.bannerDescribe h1 {
	    font-size: 24px;
	    color: #FFFFFF;
	    padding-top: 30px;
	}
	.bannerDescribe p {
	    padding-top: 15px;
	    font-size: 17px;
	    color: #ffffff;
	}
	.bannerDescribe ul {
	    padding-top: 10px;
	}
	.bannerDescribe ul li {
	    font-size: 9px;
	    color: #ffffff;
	    line-height: 15px;
	}
	.clice {
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    background-color: #BD2F00;
	    border-radius: 50%;
	    margin-right: 3px;
	    
	}
	.describeContent{
		width: 100%;
		
	}
	.describeContent h1 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    text-align: center;
	}
	
	.solve{
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    font-size: 18px;
	}
	.solve svg{
		padding-left: 5px;
	}

	.describeContent .textDescription, .textDescrNext{
		padding: 0 20px 20px 20px;
	}
	.describeImg{
		background: url(../images/solution-banner-safecity.jpg) no-repeat;
	    background-size: 100% 100%;
	    height: 150px;
	    margin: 0 10px 30px 10px;
	}
	.contact {
	    width: 100% !important;
	    margin: 0 auto;
	    background-color: #EDF2F1;
	}
	
	.wrapAbout .title {
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: bold;
	    color: #404040;
	}
	.contactAdress ul li {
	    color: #404040;
	    font-size: 18px;
	    line-height: 1.5;
	    text-align: center;
	}
	.contactWecha .code img {
	    float: none;
	}
	
	.codeTitle {
		font-size: 16px;
	    color: #404040;
	    text-align: center;
	    margin-top: 20px;
	}
	.footdelete{
		font-size: 12px;
	    line-height: 25px;
	    background-color: #404040;
	    color: #ffffff;
	    margin: 5px;
	    text-align: center;
	}
	.content {
	    width: 100%;
	    margin: 0 auto;
	}
	.contactList {
	    width: 100%; 
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 60px;
	}
	.contactList .cont {
	     float: none; 
	}
	.contactWecha {
	    width: 100%;
	    height: 180px;
	    float: none; 
	    margin-top: 20px;
	    text-align: center;
	}
	.contactWecha .codeTitle {
	    margin-top: 10px;
	    text-align: center;
	    font-size: 14px;
	    color: #404040;
	}
	.contactWecha{
		float: none !important;
	}
	.foot {
	    bottom: 0;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 11px;
	    color: #FFFFFF;
	    background-color: #404040;
	}
	

	
	.head-nav,.searh-right,.searh-right, .head-nav,.prev,.next,.solution,.product,.news,.about,.contactTm{
		display: none;
	}
}