.lishi{padding-top: 1rem;}
.lishi-banner{background: url(http://www.suishijizy.com/images/aboutus/dingli.jpg);height: 500px;padding-top: 12rem;}
.lishi-banner .text{font-size: 1rem;text-indent: 2rem;background: rgba(54,113,207,0.9);padding: 2rem;color: #fff;width: 60%;}
.lishi-banner .text p{line-height: 1.8rem;}
.lishi h1{text-align: center;padding: 1rem 0 1rem 0;}
.lishi .zongjie{font-size: 1rem;text-indent: 2rem;padding: 2rem;}
.lishi .zongjie p{padding-bottom: 1rem;line-height: 1.8rem;}
.lishi-box {position: relative;padding: 1rem 0;}
.lishi-box:before {content: '';position: absolute;left: 50%;top: 0;background-color: #4667aa;width: 1px;height: 100%;}
.lishi-hr {clear: both;display: block;height: 80px;}
.line-img {width: 50%;text-align: center;position: relative;}
.line-img-left {float: left;}
.line-img-right {float: right;}
.line-img img {border-radius: 10px;}
.line-text {width: 50%;padding-top:1rem;position: relative;}
.line-text-left {float: left;padding-right: 15px;text-align: right;}
.line-text-right {float: right;padding-left: 15px;text-align: left;}
.line-text h2 {color: #4667aa;position: relative;}
.line-text.line-text-right h3:before {content: '';position: absolute;width: 7px;height: 60px;background-color: #4667aa;left: -3px;top: 0px;}
.line-text.line-text-left h3:before {content: '';position: absolute;width: 7px;height: 60px;background-color: #4667aa;right: -3px;top: 0px;}
.line-text h3 {font-size: 1.2rem;color: #4667aa;font-weight: bold;padding: 1rem 0;}
.line-text p {margin-bottom: 1rem;position: relative;color: #666;line-height: 1.5rem;}
.line-text.line-text-right p span {margin-right: 1rem;}
.line-text.line-text-left p span {float: right;margin-left: 1rem;}
.line-text p span:before {content: '';position: absolute;width: 16px;height: 16px;background-color: #4667aa;top: 5px;border-radius: 50%;border: 4px solid #fff;}
.line-text.line-text-right p span:before {left: -23px;}
.line-text.line-text-left p span:before {right: -23px;}



@media screen and (max-width: 768px) {
    .postion{padding: 1rem 0 0 1rem;color: #888;font-size: 0.895rem;}
    .postion a{color: #888;}
    .lishi-box{padding: 0;}
    .lishiback{background-color: #fff;}
    .lishi-banner{background: none;height: auto;}
    .lishi{margin: 0;border-radius: 0;box-shadow: none;}
    .lishi h1{padding: 1rem 0 0 0;font-size: 1.5rem;}
    .lishi-box:before{content:none;}
    .line-text.line-text-right h3:before{content:none;}
    .line-text.line-text-left h3:before{content:none;}
    .line-text.line-text-right p span:before{content:none;}
    .line-text.line-text-left p span:before{content:none;}
    .line-text{width: 100%;width: 100%;
        padding: 1rem 0;
        float: none;
        text-align: -webkit-left;
        overflow: hidden;}
    .line-img{width: 100%;padding-top: 1rem;}
    .line-img img{width: 100%;}
    .line-text h2{font-size: 1.2rem;}
    .line-text h3{margin-bottom: 0;font-size: 1rem;font-weight: normal;padding: 0.5rem 0;}
    .line-text.line-text-left p span{float: none;margin: 0 1rem 0 0;font-weight: bold;}
    .line-text.line-text-right p span{font-weight: bold;}

}