@media only screen and (min-width: 750px) {
    .container {
        width: 100%;
        font-weight: 400;
        font-family: '微软雅黑';
        font-family: Microsoft YaHei;
    }

    .container>.header-top {
        width: 100%;
        /* height: 440px; */
    }

    .container>.header-top>img {
        width: 100%;
        /* height: 100%; */
    }

    /* 头部指向 */
    .container>.supply-bg {
        width: 100%;
    }

    .container>.supply-bg>.supply {
        width: 1400px;
        margin: auto;
    }

    .container>.supply-bg>.supply>.supply-top {
        width: 1400px;
        box-sizing: border-box;
        padding-top: 32px;
        padding-bottom: 18px;
        border-bottom: 2px solid #e8e8e8;
    }

    .container>.supply-bg>.supply>.supply-top>a>span {
        float: left;
        font-size: 20px;
        color: #868686;
        font-weight: 400;
        text-align: center;
        /* margin-left: 50px; */
        display: block;
        width: 140px;
        height: 49px;
        line-height: 45px;
        margin: 0 5px;
        cursor: pointer;
    }

    .spanacive {
        color: #c7161d;
        background-image: url(../img/hover-bg.png);
    }

    .container>.supply-bg>.supply>.supply-top>a>span:hover {
        color: #c7161d;
        background-image: url(../img/hover-bg.png);

    }

    .container>.supply-bg>.supply>.supply-top>div {
        float: right;
        font-size: 18px;
        color: #5a5959;
        font-weight: 400;
        padding-top: 10px;
        display: flex;
        align-items: center;
    }

    .container>.supply-bg>.supply>.supply-top>div>.logo {
        width: 20px;
        height: 20px;
        float: left;
    }

    .container>.supply-bg>.supply>.supply-top>div>img {
        float: left;
    }

    .container>.supply-bg>.supply>.supply-top>div>a {
        float: left;
        font-size: 18px;
        color: #5a5959;
        font-weight: 400;
    }

    .container>.supply-bg>.supply>.supply-top>div>.p1 {
        margin-left: 14px;
    }

    .container>.supply-bg>.supply>.supply-top>div>.jiantou {
        margin-left: 17px;
        margin-top: 4px;
    }

    /* 内容 */

    /* 海德瑞简介 */
    .container>.huii-bg{
        width: 100%;
    }
    .container>.huii-bg>.huii {
        width: 1320px;
        margin: auto;
        padding-bottom: 60px;
    }
    .container>.huii-bg>.contact {
        width: 1200px;
        margin: auto;
        padding-bottom: 60px;
    }	
    .container>.huii-bg>.contact h1{
        font-size:24px;
		color: #868686;
		font-weight: 400;
		margin: 5px 0;
		margin-bottom: 45px;
    }	
	.lxf_bg{position:relative;margin-bottom:30px;height:auto;background-color:#fff;box-shadow:0 0 6px 1px #ddd;padding-bottom:4%;    overflow: hidden;}
	.col-md-6{width:47%;float:left;}
	.wenben .lef{overflow:hidden;padding-left:5%;}
	.wenben .lef span{float:left;display:block;margin-top:20%;width:18px;height:24px;background:url(../images/ico.png) left -85px no-repeat;}
	.wenben .lef p{display:block;margin-top:15%;margin-left:15%;color:#d7a95b;color:#222;font-size:24px;line-height:30px;}
	.wenben .lef strong{display:block;overflow:hidden;color:#d7a95b;letter-spacing:1px;font-size:16px;}
	.wenben .rig{padding-top:5%;color:#777;font-size:16px;line-height:35px;}
	.wenben .rig strong{color:#222;}	
    .container>.huii-bg>.huii>.vid {
        margin-top: 40px;
    }
    .container>.huii-bg>.huii>.wenben{
        margin-top: 45px;
    }
    .container>.huii-bg>.huii>.wenben>p {
        font-size: 18px;
        color: #4b4a4a;
        line-height: 40px;
    }

    /* .container video{
        object-fit: fill;
    } */

   
}



/* 移动 */
@media only screen and (max-width: 750px) {
    .container {
        width: 100%;
        font-weight: 400;
        font-family: '微软雅黑';
        font-family: Microsoft YaHei;
    }

    .container>.header-top {
        width: 100%;
    }

    .container>.header-top>img {
        width: 100%;
        /* height: 100%; */
    }

    /* 头部指向 */
    .container>.supply-bg {
        width: 100%;
    }

    .container>.supply-bg>.supply {
        width: 20rem;
        margin: auto;
    }

    .container>.supply-bg>.supply>.supply-top {
        width: 20rem;
        box-sizing: border-box;
        padding-top: 0.853333rem;
        padding-bottom: 0.48rem;
        border-bottom: 0.053333rem solid #e8e8e8;
    }

    .container>.supply-bg>.supply>.supply-top>a>span {
        float: left;
        font-size: 0.533333rem;
        color: #868686;
        font-weight: 400;
        text-align: center;
        /* margin-left: 50px; */
        display: block;
        width: 3.733333rem;
        height: 1.306666rem;
        line-height: 1.2rem;
        margin: 0 0.133333rem;
        cursor: pointer;
    }

    .spanacive {
        color: #c7161d;
        background-image: url(../img/hover-bg.png);
		background-size: 100%;
    }

    /* .container>.supply-bg>.supply>.supply-top>span:hover {
        color: #c7161d;
        background-image: url(../img/hover-bg.png);
		background-size: 100%;
    } */

    .container>.supply-bg>.supply>.supply-top>div {
        float: right;
        font-size: 0.48rem;
        color: #5a5959;
        font-weight: 400;
        padding-top: 0.266666rem;
		margin-right: 0.8rem;
        display: flex;
        align-items: center;
    }

    .container>.supply-bg>.supply>.supply-top>div>.logo {
        width: 0.533333rem;
        height: 0.533333rem;
        float: left;
    }

    .container>.supply-bg>.supply>.supply-top>div>img {
        float: left;
    }

    .container>.supply-bg>.supply>.supply-top>div>a {
        float: left;
        font-size: 0.48rem;
        color: #5a5959;
        font-weight: 400;
    }

    .container>.supply-bg>.supply>.supply-top>div>.p1 {
        margin-left: 0.373333rem;
        margin-top: -0.11rem;
    }

    .container>.supply-bg>.supply>.supply-top>div>.jiantou {
        margin-left: 0.453333rem;
        /* margin-top: 0.106666rem; */
		height: 0.5rem;
    }

    /* 内容 */

    /* 海德瑞简介 */
    .container>.huii-bg{
        width: 100%;
    }
    .container>.huii-bg>.huii {
        width: 20rem;
        margin: auto;
        padding-bottom: 1.6rem;
    }
    .container>.huii-bg>.contact {
        width: 100%;
        margin: auto;
        padding-bottom: 1.6rem;
    }	
    .container>.huii-bg>.huii>.vid {
        margin-top: 1.066666rem;
    }
	
	.container>.huii-bg>.huii>.vid video{
		width: 100%;
		height: auto;
	}
	
    .container>.huii-bg>.huii>.wenben{
        margin-top: 1.2rem;
    }
    .container>.huii-bg>.huii>.wenben>p {
        font-size: 0.6rem;
        color: #4b4a4a;
        line-height: 1.066666rem;
		padding: 0 1.066666rem;
		box-sizing: border-box;
    }
    .container>.huii-bg>.contact h1{
        font-size:1.2rem;
		color: #868686;
		font-weight: 400;
		margin: 5px 0;
		margin-left:0.5rem;
		margin-bottom: 1,2rem;
    }	
	.lxf_bg{position:relative;margin-bottom:30px;height:auto;background-color:#fff;box-shadow:0 0 6px 1px #ddd;padding-bottom:4%;    overflow: hidden;}
	.col-md-6{width:47%;float:left;}
	.wenben .lef{overflow:hidden;padding-left:5%;}
	.wenben .lef span{float:left;display:block;margin-top:20%;width:18px;height:24px;background:url(../images/ico.png) left -85px no-repeat;}
	.wenben .lef p{display:block;margin-top:15%;color:#d7a95b;color:#222;font-size:1rem;line-height:30px;}
	.wenben .lef strong{display:block;overflow:hidden;color:#d7a95b;letter-spacing:1px;font-size:1rem;text-align:center;}
	.wenben .rig{padding-top:5%;color:#777;font-size: 0.8rem;}
	.wenben .rig strong{color:#222;}
    .container>.huii-bg>.huii>.wenben>p img{
        width: 100%;
        height: 10rem;
        margin-bottom: 0.5rem;
        object-fit: fill;
    }

}