@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;
        display: none;
    }

    .container>.header-top>img {
        width: 1920px;
        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>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>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;
    }

    .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>p {
        float: left;
    }

    .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>.show {
        display: none;
    }

    /* 汇中简介 */
    .container>.huii-bg{
        width: 100%;
    }
    .container>.huii-bg>.huii {
        width: 1320px;
        margin: auto;
        padding-bottom: 60px;
    }
    .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>.develop-bg {
        width: 100%;
    }

    .container>.develop-bg>.develop {
        width: 1400px;
        margin: auto;
        padding: 50px 0;
        position: relative;
    }

    .container>.develop-bg>.develop>.left-btn,
    .container>.develop-bg>.develop>.right-btn {
        width: 30px;
        height: 30px;
        background: url(../img/time-shang.png) no-repeat;
        position: absolute;
        margin-top: -15px;
        cursor: pointer;
        z-index: 999;
    }

    .container>.develop-bg>.develop>.left-btn {
        top: 30px;
        left: 52%;
        margin-left: -5px;
        z-index: 11;
    }

    .container>.develop-bg>.develop>.right-btn {
        bottom: 0;
        left: 52%;
        margin-left: -1px;
        transform: rotate(180deg);
    }

    .container>.develop-bg>.develop>.sjz-box {
        width: 1300px;
        height: 1500px;
        margin: auto;
        font-size: 30px;
        overflow: hidden;
    }

    .container>.develop-bg>.develop>.sjz-box>.time-box {
        width: 1400px;
        height: 1500px;
        margin: auto;
        font-size: 30px;
        overflow-y: scroll;
    }

    /* 时间 */
    @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');

    * {
        box-sizing: border-box;
    }


    img {
        max-width: 100%;
        height: auto;
    }

    /* _site-header.css */
    .site-header {
        text-align: center;
        padding: 40px 0;

    }

    .site-header__title {
        font-size: 36px;
        color: #fff;
    }

    /* _wrapper.css */
    .wrapper {
        padding-left: 18px;
        padding-right: 18px;
        max-width: 1236px;
        margin-left: auto;
        margin-right: auto;
    }


    /* _timeline.css */
    .timeline {
        position: relative;
        margin: 30px auto;
        padding: 60px 0;

    }

    .timeline::before {
        content: "";
        position: absolute;
        top: 80px;
        left: 10%;
        width: 1px;
        height: 100%;
        /* background-color: #8d94b1; */
        background-color: #bfbfbf;

    }

    @media (min-width: 800px) {
        .timeline::before {
            left: 50%;
            margin-left: -2px;
        }
    }

    .timeline__item {
        margin-bottom: 100px;
        position: relative;
    }

    .timeline__item::after {
        content: "";
        clear: both;
        display: table;
    }

    .timeline__item:nth-child(2n) .timeline__item__content {
        float: right;
    }

    .timeline__item:nth-child(2n) .timeline__item__content .time {
        text-align: left;
        margin-left: 20px;
    }

    .timeline__item:nth-child(2n) .timeline__item__content::before {
        content: '';
        right: 40%;
    }

    @media (min-width: 800px) {
        .timeline__item:nth-child(2n) .timeline__item__content::before {
            left: inherit;
        }
    }

    .timeline__item:nth-child(2n) .timeline__item__content__date {
        background-color: #b292c5;
    }

    .timeline__item:nth-child(2n) .timeline__item__content__description {
        color: #b292c5;
    }

    .timeline__item:last-child {
        margin-bottom: 0;
    }

    .timeline__item-bg {
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out;
        color: #fff;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__station {
        background-color: #7646b5;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__content {
        background-color: #7646b5;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__content::before {
        background-color: #b292c5;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__content__description {
        color: #fff;
    }

    .timeline__item-bg .timeline__item__station {
        background-color: #0072e8;
    }

    .timeline__item-bg .timeline__item__content {
        background-color: #0072e8;
    }

    .timeline__item-bg .timeline__item__content::before {
        background-color: #65adb7;
    }

    .timeline__item-bg .timeline__item__content__description {
        color: #fff;
    }

    .timeline__item__station {
        background-color: #fff;
        /* width: 40px;
height: 40px; */
        position: absolute;
        border-radius: 50%;
        /* padding: 10px; */
        top: 0;
        left: 10%;
        margin-left: -33px;
        /* border: 3px solid #d0d0d0; */
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    @media (min-width: 800px) {
        .timeline__item__station {
            left: 50%;
            width: 17px;
            height: 17px;
            margin-left: -11px;
            margin-top: 18px;
            background-image: url(../img/fazhan-yuan.png);
        }

        .timeline__item__station-red {
            left: 50%;
            width: 31px;
            height: 31px;
            margin-left: -19px;
            margin-top: 15px;
            background-image: url(../img/fazhanlogo.png);
        }
    }

    .timeline__item__content {
        width: 80%;
        border-radius: 6px;
        float: right;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    @media (min-width: 800px) {
        .timeline__item__content {
            width: 41%;
            float: inherit;
            clear: both;
        }
    }

    .timeline__item__content::before {
        content: '';
        position: absolute;
        left: 10%;
        background: #bfbfbf;
        top: 20px;
        width: 10%;
        height: 1px;
        z-index: -1;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    @media (min-width: 800px) {
        .timeline__item__content::before {
            left: 40%;
            top: 30px;
            height: 1px;
            margin-top: -2px;
        }
    }

    .time {
        /* float: right; */
        font-size: 24px;
        color: #999999;
        line-height: 30px;
        text-align: right;
        margin-right: 20px;
        padding-top: 15px;
    }

    .time-img {
        width: 450px;
        background-color: #fff;
        margin: auto;
        margin-top: 20px;
        box-shadow: 2px 2px 20px #b1b1b1;
        text-align: center;
        border-radius: 10px;
        padding-bottom: 35px;
        height: 410px;
    }

    .time-img>img {
        width: 400px;
        height: 267px;
        margin-top: 20px;
    }

    .time-img>p {
        width: 400px;
        margin: auto;
        font-size: 18px;
        color: #8e8e8e;
        line-height: 30px;
        text-align: left;
        margin-top: 20px;
        height: 60px;
        overflow: hidden;
        position:relative;
        text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
    }
    .texter1{
        height:30px;
    }
    .texter1:after{
        content: '...';
        position:absolute;
        bottom:0;
        right:0;
        color: #868686;
        padding-left:5px;
        background: -webkit-linear-gradient(left,transparent, #fff 40%); /* Safari 5.1-6.0 */
        background: -o-linear-gradient(left, #fff 50%); /* Opera 11.1-12.0 */ 
        background: -moz-linear-gradient(left, #fff 50%); /* Firefox 3.6-15 */
        background: linear-gradient(); /* 标准语法 */
    }

    

    .timeline__item__content__date {
        margin: 0;
        padding: 8px 12px;
        font-size: 15px;
        margin-bottom: 10px;
        background-color: #65adb7;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        border: 2px solid #fff;
    }

    .timeline__item__content__description {
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #65adb7;
    }

    @media (min-width: 800px) {
        .timeline__item__content__description {
            font-size: 19px;
            line-height: 28px;
        }
    }

    /* _site-footer.css */
    .site-footer {
        padding: 50px 0 200px 0;

    }

    .site-footer__text {
        color: #e6e6e6;
        font-size: 14px;
        text-align: center;
    }

    .site-footer__text__link {
        color: #8287a9;
    }

    /* 时间end */


























    /* 企业文化 */
    .container>.enterprise-bg {
        width: 100%;
    }

    .container>.enterprise-bg>.enterprise {
        width: 1920px;
        margin: auto;
        /* vertical-align: text-bottom; */
        /* display: block; */
    }

    .container>.enterprise-bg>.enterprise>.block1 {
        width: 1920px;
        margin: auto;
        background-color: rgb(199, 44, 44);
    }

    .container>.enterprise-bg>.enterprise>.block1>img {
        width: 100%;
        height: 100%;
        margin: auto;
        /* line-height: 5px; */
        vertical-align: middle;
        /* display: block; */
        /* display: block; */
    }

    .container>.enterprise-bg>.enterprise>.block2 {
        width: 1920px;
        margin: auto;
        background-color: peru;
    }




    /* 荣誉资质 */
    .container>.brief-bg {
        width: 100%;
    }

    .container>.brief-bg>.brief {
        width: 1500px;
        margin: auto;
    }

    .container>.brief-bg>.briTitle {
        width: 1400px;
        height: 70px;
        margin: auto;
        background-color: #f8f8f8;
    }

    .container>.brief-bg>.briTitle>span {
        line-height: 70px;
        font-size: 20px;
        color: #b1b1b1;
        margin: 0 35px;
        cursor: pointer;
    }

    .container>.brief-bg>.briTitle>span:nth-child(1) {
        margin-left: 335px;
    }

    .container>.brief-bg>.briTitle>.brired {
        color: #c7161d;
    }

    .container>.brief-bg>.briTitle>span:hover {
        color: #c7161d;
    }

    .container>.brief-bg>.brief {
        display: none;
    }

    .container>.brief-bg>.brief>.items {
        width: 1440px;
        margin: auto;
        margin-top: 18px;
    }

    .container>.brief-bg>.brief>.items>.item {
        width: 250px;
        height: 469px;
        float: left;
        border: 1px solid #eaeaea;
        margin: 18px 18px;
    }

    .container>.brief-bg>.brief>.items>.item:hover {
        box-shadow: 1px 1px 30px #eaeaea;
    }

    .container>.brief-bg>.brief>.items>.item:hover>.have>span {
        color: #c7161d;
    }

    .container>.brief-bg>.brief>.items>.item>.image {
        width: 100%;
        height: 315px;
        background-color: #f8f8f8;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container>.brief-bg>.brief>.items>.item>.have {
        padding: 21px 15px 0px 20px;
    }

    .container>.brief-bg>.brief>.items>.item>.have>span {
        font-size: 20px;
        color: #232323;
        overflow: hidden;
        height: 57px;
        display: inline-block;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .container>.brief-bg>.brief>.items>.item>.have>p {
        height: 54px;
        font-size: 14px;
        color: #666666;
        line-height: 18px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .container>.brief-bg>.brief>.supply-bottom {
        margin: auto;
        width: 540px;
        font-size: 20px;
        margin-top: 38px;
        padding-bottom: 36px;
    }

    .container>.brief-bg>.brief>.supply-bottom>.prev,
    .container>.brief-bg>.brief>.supply-bottom>.next {
        height: 44px;
        background-color: #bdbdbd;
        line-height: 44px;
        color: #fff;
        display: inline-block;
        padding: 0px 15px;
    }

    .container>.brief-bg>.brief>.supply-bottom>.next {
        margin-left: 10px;
    }

    .container>.brief-bg>.brief>.supply-bottom>.blo {
        height: 44px;
        background-color: #bdbdbd;
        line-height: 44px;
        color: #fff;
        display: inline-block;
        padding: 0px 15px;
    }

    .active-btn {
        background-color: #c7161d;
    }

    .container>.brief-bg>.brief>.supply-bottom>.blo:hover {
        background-color: #c7161d;
    }

    .container>.brief-bg>.brief>.brief-anniu {
        width: 1400px;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 54px 0px 48px 0px;
    }

    /* .container>.brief-bg>.brief>.brief-anniu>.anan{
      background-color: paleturquoise;
  } */
    .container>.brief-bg>.brief>.brief-anniu>.anan>a {
        background-color: #bdbdbd;
        color: #fff;
        padding: 0 20px;
        line-height: 35px;
        margin: 5px;
        display: inline-block;
    }

    .container>.brief-bg>.brief>.brief-anniu>.anan>a:hover {
        background-color: #c7161d;
    }

    /* 知识产权 */
    .container>.knowledge-bg {
        width: 100%;
    }

    .container>.knowledge-bg>.knowledge {
        width: 1400px;
        margin: auto;
        margin-top: 20px;
        padding-bottom: 50px;
        display: none;
    }

    .container>.knowledge-bg>.knowledgeTitle {
        width: 1400px;
        height: 70px;
        margin: auto;
        background-color: #f8f8f8;
    }

    .container>.knowledge-bg>.knowledgeTitle>span {
        line-height: 70px;
        font-size: 20px;
        color: #b1b1b1;
        margin: 0 35px;
        cursor: pointer;
    }

    .container>.knowledge-bg>.knowledgeTitle>span:nth-child(1) {
        margin-left: 500px;
    }

    .container>.knowledge-bg>.knowledgeTitle>.knowred {
        color: #c7161d;
    }

    .container>.knowledge-bg>.knowledgeTitle>span:hover {
        color: #c7161d;
    }

    .container>.knowledge-bg>.knowledge>.know {
        width: 282px;
        height: 393px;
        float: left;
        margin: 20px 23px;
        background-color: #fff;
        border: 1px solid #ececec;

    }

    .container>.knowledge-bg>.knowledge>.know:hover {
        box-shadow: 2px 2px 20px #ececec;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}



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

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

    .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>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;
    }

    .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>p {
        float: left;
    }

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

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

    /* 内容 */
    .container>.show {
        display: none;
    }

    /* 汇中简介 */
    .container>.huii-bg{
        width: 100%;
    }
    .container>.huii-bg>.huii {
        width: 20rem;
        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>.develop-bg {
        width: 100%;
    }

    .container>.develop-bg>.develop {
        width: 20rem;
        margin: auto;
        padding: 1.333333rem 0;
        position: relative;
    }

    .container>.develop-bg>.develop>.left-btn,
    .container>.develop-bg>.develop>.right-btn {
        width: 0.8rem;
        height: 0.8rem;
        background: url(../img/time-shang.png) no-repeat;
        position: absolute;
        margin-top: -0.4rem;
        cursor: pointer;
        z-index: 999;
    }

    .container>.develop-bg>.develop>.left-btn {
        top: 0.8rem;
        left: 52%;
        margin-left: -5px;
        z-index: 11;
    }

    .container>.develop-bg>.develop>.right-btn {
        bottom: 0;
        left: 52%;
        margin-left: -0.026666rem;
        transform: rotate(180deg);
    }

    .container>.develop-bg>.develop>.sjz-box {
        width: 18rem;
        height: 18rem;
        margin: auto;
        font-size: 0.8rem;
        overflow: hidden;
    }

    .container>.develop-bg>.develop>.sjz-box>.time-box {
        width: 20rem;
        height: 21rem;
        margin: auto;
        font-size: 0.8rem;
        overflow-y: scroll;
    }

    /* 时间 */
    @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');

    * {
        box-sizing: border-box;
    }


    img {
        max-width: 100%;
        height: auto;
    }

    /* _site-header.css */
    .site-header {
        text-align: center;
        padding: 1.066666rem 0;

    }

    .site-header__title {
        font-size: 0.96rem;
        color: #fff;
    }

    /* _wrapper.css */
    .wrapper {
        padding-left: 0.48rem;
        padding-right: 0.48rem;
        max-width: 16rem;
        margin-left: auto;
        margin-right: auto;
    }


    /* _timeline.css */
    .timeline {
        position: relative;
        margin: 0.8rem auto;
        padding: 1.6rem 0;

    }

    .timeline::before {
        content: "";
        position: absolute;
        top: 2.133333rem;
        left: 10%;
        width: 0.026666rem;
        height: 100%;
        /* background-color: #8d94b1; */
        background-color: #bfbfbf;

    }

    @media (min-width: 800px) {
        .timeline::before {
            left: 50%;
            margin-left: -2px;
        }
    }

    .timeline__item {
        margin-bottom: 2.666666rem;
        position: relative;
    }

    .timeline__item::after {
        content: "";
        clear: both;
        display: table;
    }

    .timeline__item:nth-child(2n) .timeline__item__content {
        float: right;
    }

    .timeline__item:nth-child(2n) .timeline__item__content .time {
        text-align: left;
        margin-left: 0.533333rem;
    }

    .timeline__item:nth-child(2n) .timeline__item__content::before {
        content: '';
        right: 40%;
    }

    @media (min-width: 800px) {
        .timeline__item:nth-child(2n) .timeline__item__content::before {
            left: inherit;
        }
    }

    .timeline__item:nth-child(2n) .timeline__item__content__date {
        background-color: #b292c5;
    }

    .timeline__item:nth-child(2n) .timeline__item__content__description {
        color: #b292c5;
    }

    .timeline__item:last-child {
        margin-bottom: 0;
    }

    .timeline__item-bg {
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out;
        color: #fff;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__station {
        background-color: #7646b5;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__content {
        background-color: #7646b5;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__content::before {
        background-color: #b292c5;
    }

    .timeline__item-bg:nth-child(2n) .timeline__item__content__description {
        color: #fff;
    }

    .timeline__item-bg .timeline__item__station {
        background-color: #0072e8;
    }

    .timeline__item-bg .timeline__item__content {
        background-color: #0072e8;
    }

    .timeline__item-bg .timeline__item__content::before {
        background-color: #65adb7;
    }

    .timeline__item-bg .timeline__item__content__description {
        color: #fff;
    }

    .timeline__item__station {
        background-color: #fff;
        /* width: 40px;
height: 40px; */
        position: absolute;
        border-radius: 50%;
        /* padding: 10px; */
        top: 0;
        left: 10%;
        margin-left: -0.88rem;
        /* border: 3px solid #d0d0d0; */
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    @media (min-width: 800px) {
        .timeline__item__station {
            left: 50%;
            width: 17px;
            height: 17px;
            margin-left: -11px;
            margin-top: 18px;
            background-image: url(../img/fazhan-yuan.png);
        }

        .timeline__item__station-red {
            left: 50%;
            width: 31px;
            height: 31px;
            margin-left: -19px;
            margin-top: 15px;
            background-image: url(../img/fazhanlogo.png);
        }
    }

    .timeline__item__content {
        width: 80%;
        border-radius: 6px;
        float: right;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    @media (min-width: 800px) {
        .timeline__item__content {
            width: 41%;
            float: inherit;
            clear: both;
        }
    }

    .timeline__item__content::before {
        content: '';
        position: absolute;
        left: 10%;
        background: #bfbfbf;
        top: 20px;
        width: 10%;
        height: 1px;
        z-index: -1;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    @media (min-width: 800px) {
        .timeline__item__content::before {
            left: 40%;
            top: 30px;
            height: 1px;
            margin-top: -2px;
        }
    }

    .time {
        /* float: right; */
        font-size: 24px;
        color: #999999;
        line-height: 30px;
        text-align: right;
        margin-right: 20px;
        padding-top: 15px;
    }

    .time-img {
        width: 450px;
        background-color: #fff;
        margin: auto;
        margin-top: 20px;
        box-shadow: 2px 2px 20px #b1b1b1;
        text-align: center;
        border-radius: 10px;
        padding-bottom: 35px;
        height: 410px;
    }

    .time-img>img {
        width: 400px;
        height: 267px;
        margin-top: 20px;
    }

    .time-img>p {
        width: 400px;
        margin: auto;
        font-size: 18px;
        color: #8e8e8e;
        line-height: 30px;
        text-align: left;
        margin-top: 20px;
        height: 60px;
        overflow: hidden;
        position:relative;
        text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
    }
    .texter1{
        height:30px;
    }
    .texter1:after{
        content: '...';
        position:absolute;
        bottom:0;
        right:0;
        color: #868686;
        padding-left:5px;
        background: -webkit-linear-gradient(left,transparent, #fff 40%); /* Safari 5.1-6.0 */
        background: -o-linear-gradient(left, #fff 50%); /* Opera 11.1-12.0 */ 
        background: -moz-linear-gradient(left, #fff 50%); /* Firefox 3.6-15 */
        background: linear-gradient(); /* 标准语法 */
    }

    

    .timeline__item__content__date {
        margin: 0;
        padding: 8px 12px;
        font-size: 15px;
        margin-bottom: 10px;
        background-color: #65adb7;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        border: 2px solid #fff;
    }

    .timeline__item__content__description {
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #65adb7;
    }

    @media (min-width: 800px) {
        .timeline__item__content__description {
            font-size: 19px;
            line-height: 28px;
        }
    }

    /* _site-footer.css */
    .site-footer {
        padding: 50px 0 200px 0;

    }

    .site-footer__text {
        color: #e6e6e6;
        font-size: 14px;
        text-align: center;
    }

    .site-footer__text__link {
        color: #8287a9;
    }

    /* 时间end */


























    /* 企业文化 */
    .container>.enterprise-bg {
        width: 100%;
    }

    .container>.enterprise-bg>.enterprise {
        width: 1920px;
        margin: auto;
        /* vertical-align: text-bottom; */
        /* display: block; */
    }

    .container>.enterprise-bg>.enterprise>.block1 {
        width: 1920px;
        margin: auto;
        background-color: rgb(199, 44, 44);
    }

    .container>.enterprise-bg>.enterprise>.block1>img {
        width: 100%;
        height: 100%;
        margin: auto;
        /* line-height: 5px; */
        vertical-align: middle;
        /* display: block; */
        /* display: block; */
    }

    .container>.enterprise-bg>.enterprise>.block2 {
        width: 1920px;
        margin: auto;
        background-color: peru;
    }




    /* 荣誉资质 */
    .container>.brief-bg {
        width: 100%;
    }

    .container>.brief-bg>.brief {
        width: 1500px;
        margin: auto;
    }

    .container>.brief-bg>.briTitle {
        width: 1400px;
        height: 70px;
        margin: auto;
        background-color: #f8f8f8;
    }

    .container>.brief-bg>.briTitle>span {
        line-height: 70px;
        font-size: 20px;
        color: #b1b1b1;
        margin: 0 35px;
        cursor: pointer;
    }

    .container>.brief-bg>.briTitle>span:nth-child(1) {
        margin-left: 335px;
    }

    .container>.brief-bg>.briTitle>.brired {
        color: #c7161d;
    }

    .container>.brief-bg>.briTitle>span:hover {
        color: #c7161d;
    }

    .container>.brief-bg>.brief {
        display: none;
    }

    .container>.brief-bg>.brief>.items {
        width: 1440px;
        margin: auto;
        margin-top: 18px;
    }

    .container>.brief-bg>.brief>.items>.item {
        width: 250px;
        height: 469px;
        float: left;
        border: 1px solid #eaeaea;
        margin: 18px 18px;
    }

    .container>.brief-bg>.brief>.items>.item:hover {
        box-shadow: 1px 1px 30px #eaeaea;
    }

    .container>.brief-bg>.brief>.items>.item:hover>.have>span {
        color: #c7161d;
    }

    .container>.brief-bg>.brief>.items>.item>.image {
        width: 100%;
        height: 315px;
        background-color: #f8f8f8;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container>.brief-bg>.brief>.items>.item>.have {
        padding: 21px 15px 0px 20px;
    }

    .container>.brief-bg>.brief>.items>.item>.have>span {
        font-size: 20px;
        color: #232323;
        overflow: hidden;
        height: 57px;
        display: inline-block;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .container>.brief-bg>.brief>.items>.item>.have>p {
        height: 54px;
        font-size: 14px;
        color: #666666;
        line-height: 18px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .container>.brief-bg>.brief>.supply-bottom {
        margin: auto;
        width: 540px;
        font-size: 20px;
        margin-top: 38px;
        padding-bottom: 36px;
    }

    .container>.brief-bg>.brief>.supply-bottom>.prev,
    .container>.brief-bg>.brief>.supply-bottom>.next {
        height: 44px;
        background-color: #bdbdbd;
        line-height: 44px;
        color: #fff;
        display: inline-block;
        padding: 0px 15px;
    }

    .container>.brief-bg>.brief>.supply-bottom>.next {
        margin-left: 10px;
    }

    .container>.brief-bg>.brief>.supply-bottom>.blo {
        height: 44px;
        background-color: #bdbdbd;
        line-height: 44px;
        color: #fff;
        display: inline-block;
        padding: 0px 15px;
    }

    .active-btn {
        background-color: #c7161d;
    }

    .container>.brief-bg>.brief>.supply-bottom>.blo:hover {
        background-color: #c7161d;
    }

    .container>.brief-bg>.brief>.brief-anniu {
        width: 1400px;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 54px 0px 48px 0px;
    }

    /* .container>.brief-bg>.brief>.brief-anniu>.anan{
      background-color: paleturquoise;
  } */
    .container>.brief-bg>.brief>.brief-anniu>.anan>a {
        background-color: #bdbdbd;
        color: #fff;
        padding: 0 20px;
        line-height: 35px;
        margin: 5px;
        display: inline-block;
    }

    .container>.brief-bg>.brief>.brief-anniu>.anan>a:hover {
        background-color: #c7161d;
    }

    /* 知识产权 */
    .container>.knowledge-bg {
        width: 100%;
    }

    .container>.knowledge-bg>.knowledge {
        width: 1400px;
        margin: auto;
        margin-top: 20px;
        padding-bottom: 50px;
        display: none;
    }

    .container>.knowledge-bg>.knowledgeTitle {
        width: 1400px;
        height: 70px;
        margin: auto;
        background-color: #f8f8f8;
    }

    .container>.knowledge-bg>.knowledgeTitle>span {
        line-height: 70px;
        font-size: 20px;
        color: #b1b1b1;
        margin: 0 35px;
        cursor: pointer;
    }

    .container>.knowledge-bg>.knowledgeTitle>span:nth-child(1) {
        margin-left: 500px;
    }

    .container>.knowledge-bg>.knowledgeTitle>.knowred {
        color: #c7161d;
    }

    .container>.knowledge-bg>.knowledgeTitle>span:hover {
        color: #c7161d;
    }

    .container>.knowledge-bg>.knowledge>.know {
        width: 282px;
        height: 393px;
        float: left;
        margin: 20px 23px;
        background-color: #fff;
        border: 1px solid #ececec;

    }

    .container>.knowledge-bg>.knowledge>.know:hover {
        box-shadow: 2px 2px 20px #ececec;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}