@media screen and (max-width: 480px) {
	#effect {
	    width: 100%;
	    height: 4rem;
	    position: absolute;
	    top: 0;
	    left: 0;
	    text-align: center;
	    color: white;
	    background: rgba(44,44,44,0.4);
	    padding-top: 12%;
	    overflow: hidden;
	}
	#banner_img {
	    transition: all 3s ease;
	    height: 4rem;
	    width: 100%;
	}
	#nterim {
	    overflow: hidden;
	    height: 4rem;
	}
	#effect h1 {
	    font-size: 0.266666rem;
	}
	#effect h4 {
	    margin: 0.133333rem 0;
	    font-size: 0.48rem;
	}
	.level {
	    background: #0180FF;
	    width: 0.666666rem;
	    border: 0.026666rem solid #0180FF;
	    margin: 0.133333rem auto;	    
	}
	#effect p{
	    margin: 0.133333rem 0;
	    font-size: 0.32rem;
	}
	.portunity {
	    font-size: 0.4rem;
	    font-weight: 700;
	    color:rgba(51,51,51,1);
	    margin-top: 0.266666rem;
	    margin-bottom: 0.266666rem;
	}
	.online {
	    display: none;
	}
	#tatis .feedback {
	    display: none;
	}
	#tatis {
	    margin: 0;
	    padding: 0 0.533333rem;
	}
	#tatis .insufficient{
	    font-size:0.266666rem;
		color:rgba(153,153,153,1);
		text-align: initial;
		white-space:nowrap;
		text-align: center;
	}
	#radios ul {
	    overflow: hidden;
	    width: 105%;
	    margin-top: 0;
	    margin-bottom: 0.266666rem;
	}
	#radios ul li {
	    float: left;
	    margin-right: 0.34rem;
	    height: inherit;
	    align-items: center;
	    display: -webkit-flex;
	    cursor: pointer;
	}
	#radios ul li:nth-child(5) {
	    float: none;
	    margin-right: 0;
	}
	#radios ul li img {
	    margin-right: 0.066666rem
	}
	#forminp {
	    width: 100%;
	    margin: 0;
	}
	#forminp .nameinp {
	    width: 8rem;
	    height: 1.173333rem;
	    margin-right: 0;
	    padding: 0 0.066666rem;
	}
	 #forminp .content-inp{
		width: 8rem!important;
	    height: 1.173333rem;
	    margin-right: 0;
		padding: 0 0.066666rem;
		margin-top:.24rem;
	} 
	#forminp p {
	    margin-bottom: 0.266666rem;
		text-align: left;
		margin-left:.2rem;
	}
	#forminp .content {
	    width: 100%;
	    height: 1.173333rem;
	    padding: 0 0.066666rem;
	}
	#contentOne{
		display: block;
	}
	#contentOne input{
		width: 100%;
	    height: 1.173333rem;
	    padding: 0 0.066666rem;
	    display: block;
	}
	.contentTwo{
		display: none;
	}
	#inputtext textarea {
	    width: 100%;
	    height: 4rem;
	    resize: none;
	    padding: 0.066666rem;
	}
	#sumb {
		/* width: 2.026666rem; */
		width:3rem;
	    height: 0.906666rem;
	    background: #0081ff;
	    border-radius: 0;
	    color: white;
	    border: 1px solid white;
	    margin: 0.2rem 0 0.533333rem -.2rem;
	}
	#container {
	    width: 100%;
	    height: 4rem;
	    margin: auto;
	    padding: 0 0.533333rem;
	}
	#map {
	    width: 100%;
	    margin: auto;
	    margin-bottom: 0.533333rem;
	}
	#map div {
	    background: #2C2C2C;
	    color: white;
	    height: 2.56rem;
	    padding: 0.133333rem 0.226666rem 0.266666rem 0.226666rem;
	    position: relative;
	    margin-top: 0.133333rem;
	}
	#map div p {
	    font-size: 0.32rem;
	}
	#map div .worktime {
	    position: initial;
	    color: #0081FF;
	}
	#mixedlife{
		display: none;
	}
	#mixeDlife{
		padding-left: 0.533333rem;
		padding-right: 0.373333rem;
	}
	#mixedlifeApp{
		display: block;
	}
	#mixedlifeApp{
		text-align: left;
		padding: 0 0.533333rem;
	}
	#mixeDlife p{
		font-size: 0.373333rem;
		color:rgba(153,153,153,1);
	}
	#mixedlifeApp h3{
		text-align: center;
	}
	#mixedlifeApp {
	    width: 100%;
	    margin: auto;
	    overflow: hidden;
	    color: white;
	    margin-top: 0.266666rem;
	    padding: 0 0.533333rem;
	}
	#mixedlifeApp .mask {
	    float: left;
	    position: relative;
	    overflow: hidden;
	    width: 49%;
	    margin-bottom: 0.2rem;
	    height: 9rem;
	}
	#mixedlifeApp img {
	    width: 100%;
	    height: 100%;
	}
	#mixedlifeApp .mask .di_no {
	    width: 100%;
	    position: absolute;
	    top: 0;
	    background: rgba(49,47,48,0.9);
	    height: 100%;
	    padding: 0 0.213333rem;
	    display: none;
	    text-align: justify;
	}
	.maskRight{
		float: right !important;
	}
	#mixedlifeApp .mask .di_no p {
	    margin-bottom: 0.05rem;
	    font-size: 0.266666rem;
	}
	.di_no h4{
		font-size: 0.373333rem;
		margin: 0.133333rem 0;
	}
	#workenvironment p {
	    margin: 0.266666rem 0;
	    color: #666666;
	}
	.onAppimg{
		display: none;
	}
	.twoAppimg{
		display: block;
		padding:  0 0.533333rem;
	}
	.twoAppimg img{
		width: 100%;
		margin-bottom: 0.266666rem;
	}
	#workenvironment {
	    margin-bottom: 0;
	}
	.productMana{
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		background:rgba(44,44,44,0.4);
		text-align: center;
		padding-top: 3.4rem;
	}
	.productMana h5{
		font-size: 0.4rem;
	}
	.productMana p{
		font-size: 0.32rem;
	}
	.productManaone{
		padding: 0 0.54rem;
		padding-top: 3.4rem;
	}
	.tolast{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index: 9999;
	}
	.content-hint{
		background:#fff;
		width:60%;
		height:15%;
		border-radius:2%;
		margin:0 auto;
		margin-top:45%;
	}
	.content-hint p {
		width:100%;
		text-align: center;
		font-size:14px;
		border-bottom:1px solid #cccccc;
		height: 30px;
		line-height: 30px;
	}
	.content-hint .hint-shows{
		padding:10px;
		text-align: center;
		padding:30px 20px 30px 20px;
	}
	.hint-show{
	text-align: center;
	display: none;
	}
}