@media only screen and (max-width: 760px) {
	.top-header{
		position: absolute;
		top: 0;
		width: 100%;
		height: 60px;
		max-height: 80px;
		 /*background: rgba(0,0,0,0.2);*/
		/* opacity: 0.5; */
	}

	.top-center-icon{
		float: left;
		width: 20%;
		line-height: 12px;
		margin-top: 15px;
		margin-left: 1%;
		height: 60px;
		color: white;
		font-size: 1rem;

	}
	.top-left-icon{
		float: left;
		width: 20%;
		height: 60px;
		color: white;

	}
	.top-left-icon img{
		height: 30px;
		width: 30px;
		z-index: 108;
		margin: 15px 0;
		float: right;
	}
	.top-center-icon span:first-child{
		font-size: 1.5rem;
	}
	.top-center-icon span:last-child{
		font-size: 1rem;
	}
	.top-right-icon{
		float: left;
	    width: 40%;
	    height: 60px;
	    margin: 10px 0 0 14%;
		color: white;
		font-size: 1.3rem;
	}
	.mid-container{
		position: relative;
		width: 110%;
		height: 300px;
		background: url(../images/qb2.png) no-repeat;
	     background-position: center 0;
	     background-repeat: no-repeat;
	     background-size: contain;
	     -webkit-background-size: contain;/* 兼容Webkit内核浏览器如Chrome和Safari */
	     -o-background-size: cover;/* 兼容Opera */
	     zoom: 1;
	}
	.left-container-one{
	    position: absolute;
    width: 48%;
    height: 150px;
    top: 19%;
    right: 47%;
	}
	.texts-one{
		float: left;
		width: 1.7rem;
		height: 1.7rem;
		background: url(../images/icons/icon-media.png) no-repeat;
		   background-size: contain;
		-webkit-background-size: contain;/* 兼容Webkit内核浏览器如Chrome和Safari */
		-o-background-size: cover;/* 兼容Opera */
	}
	.texts-one-title{
	    float: left;
    padding-left: 9px;
    color: #0087e8;
    font-size: 1.6rem;
    line-height:15px;
	}
	.texts-one-bottom{
		clear: left;
		color: #323232;
		font-size: 1.2rem;
		line-height: 32px;

	}
	.texts-one-bottom-te{
		text-align: right;
		color: #9d9d9d;
		font-size: 0.8em;
		margin-right:24%;
	}
	.mid-container-second{
		position: relative;
		width: 150%;
		left: -100px;
		height: 400px;
		background: url(../images/qb3.png) no-repeat;
		background-color: #f8f8f8;
		background-size: contain;
		-webkit-background-size: contain;/* 兼容Webkit内核浏览器如Chrome和Safari */
		-o-background-size: cover;/* 兼容Opera */
		zoom: 1;
	}
	.left-container-two{
		    position: absolute;
	    width: 51%;
	    height: 150px;
	    top: 19%;
	    right: 10%;

	}
	.texts-two{
		float: left;
		margin-left: 30%;
		width: 1.7rem;
		height: 1.7rem;
		background: url(../images/icons/icon-love.png) no-repeat;
		background-size: contain;
	}
	.mid-container-three{
		position: relative;
		width: 100%;
		height: 300px;
	}
	.left-container-three{
	    /* position: relative; */
	    width: 100%;
	    height: 150px;
	    /* top: 6%; */
	    margin-top: 5%;
	    padding-left: 20%;
	}
	.texts-three{
		float: left;
		width: 22px;
		height: 20px;
		background: url(../images/icons/icon-address.png) no-repeat;
		background-size: contain;
	}

	.map{
		width:100%;
		background-repeat: no-repeat;
		background-position:center,center;
		zoom:50%;
	}
	.footer{
		height: 180px;
		width: 100%;
		background: url("../images/baks.png") 0 0;
		background-repeat: no-repeat;
		overflow:hidden ;
	}
	.left-footer{
		width: 70%;
	    height: 100px;
	    position: relative;
	    top: 10%;
		left: 5%;
	    /* bottom: 38%; */
	    line-height: 25px;
	    color: white;
		font-size: 1.4rem;
	}
	.left-footer ul li{
		float: left;
		margin: 0 2% 0 2%;
	}
	.right-footer{
    position: relative;
    left: 66%;
    color: white;
    bottom: 5%;
    float: left;
    margin-left: 5%;
	}
	.right-footer img{
		width: 80px;
		height: 80px;
	}
	.right-footer p{
		width:115px;
		text-align: left;
		font-size: 1.4rem;
	}
}
@media only screen and (min-width: 760px) {
	.top-header{
		position: absolute;
		top: 0;
		width: 100%;
		height: 80px;
		max-height: 80px;
		 /*background: rgba(0,0,0,0.2);*/
		/* opacity: 0.5; */
	}

	.top-center-icon{
		float: left;
		width: 20%;
		line-height: 20px;
		margin-top: 20px;
		margin-left: 1%;
		height: 60px;
		color: white;
		font-size: 20px;

	}
	.top-left-icon{
		float: left;
		width: 20%;
		height: 60px;
		color: white;

	}
	.top-left-icon img{
		height: 40px;
		width: 40px;
		z-index: 108;
		margin: 20px 0;
		float: right;
	}
	.top-center-icon span:first-child{
		font-size: 1em;
	}
	.top-center-icon span:last-child{
		font-size: 0.8em;
	}
	.top-right-icon{
		float: left;
	    width: 40%;
	    height: 60px;
	    margin: 30px 0 0 19%;
		color: white;
		font-size: 1.3em;
	}
	.mid-container{
		position: relative;
		top: 66px;
		width: 131%;
		height: 647px;
		background: url(../images/qb2.png) no-repeat;
		background-position: center 0;
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-o-background-size: cover;
		zoom: 1;
	}
	.left-container-one{
		    position: absolute;
	    width: 34%;
	    height: 150px;
	    top: 27%;
	    right: 48%;

	}
	.texts-one{
		float: left;
		width: 40px;
		height: 40px;
		background: url(../images/icons/icon-media.png) no-repeat;
		   background-size: contain;
		-webkit-background-size: contain;/* 兼容Webkit内核浏览器如Chrome和Safari */
		-o-background-size: cover;/* 兼容Opera */
	}
	.texts-one-title{
		float: left;
	    padding-left: 15px;
	    color: #0087e8;
	    font-size: 2em;
	    line-height: 40px;
	}
	.texts-one-bottom{
		clear: left;
		color: #323232;
		font-size: 1.2em;
		line-height: 73px;
		margin-left: 0%;
	}
	.texts-one-bottom-te{
		text-align: right;
		color: #9d9d9d;
		font-size: 1em;
		margin-right: 33%;
	}
	.mid-container-second{
		position: relative;
		width: 100%;
		height: 800px;
		max-height: 800px;
		background: url(../images/qb3.png) no-repeat;
		  background-position: center 0;
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;/* 兼容Webkit内核浏览器如Chrome和Safari */
		-o-background-size: cover;/* 兼容Opera */
		zoom: 1;
	}
	.left-container-two{
		    position: absolute;
	    width: 56%;
	    height: 150px;
	    top: 30%;
	    right:-5%;

	}
	.texts-two{
		float: left;
		width: 45px;
		height: 45px;
		background: url(../images/icons/icon-love.png) no-repeat;

	}
	.mid-container-three{
		position: relative;
		width: 100%;
		height: auto;
	}
	.left-container-three{
	    /* position: relative; */
	    width: 100%;
	    height: 150px;
	    /* top: 6%; */
	    margin-top: 5%;
	    padding-left: 24%;
	}
	.texts-three{
		float: left;
		width: 45px;
		height: 55px;
		background: url(../images/icons/icon-address.png) no-repeat;
	}

	.map{

		  background-position: center 0;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */
		-o-background-size: cover;/* 兼容Opera */
	}
	.footer{
		height: 300px;
		width: 100%;
		background: url("../images/baks.png") 0% 0%;
		display:flex;
		/*background-repeat: no-repeat;*/
	}
	.left-footer{
		width: 40%;
		height: 100px;
		position: relative;
		top: 27%;
		left: 25%;
		/* bottom: 38%; */
		line-height: 41px;
		color: white;
		font-size: 1.4em;
	}
	.left-footer ul li{
		cursor: pointer;
		float: left;
		margin: 0 2% 0 2%;
	}
	.right-footer{
       position: relative;
    left: 25%;
    margin-top: 82px;
    color: white;
    /* bottom: -23%; */
    /* float: left; */
    margin-left: 2%;
	}
	.right-footer img{
		width: 148px;
		height: 148px;
	}
	.right-footer p{
		width:148px;
		text-align: center;
		font-size: 1.2em;
	}
}


.top-right-icon ul li{
	float: left;
	margin: 0 2.5% 0 2.5%;
	cursor: pointer;
	line-height: 35px;
}
.top-right-icon ul li:first-child{
	border-bottom: 2.5px solid #ffffff;
}