@media screen and (max-width: 1200px) {
.progressBox-tl,  .lc-banner,.progressBox-pc{
  display:none;
  }
  .Main{
  top:0.8rem!important;
  }
/*企业历程*/
.banner{
	height: 3rem;
	width: 100%;
}
.banner > img {
	width: 100%;
	height: 100%;
}

  .qylcImg{
  width:100%;
    height:28.59rem;
    background:url("../images/img/qylc/history.png") no-repeat;
    background-size:100% 100%;
  }
/*详细历程*/
.progressBox{
	width: 100%;
	height: 29rem;
	padding-bottom: 0.56rem;
}

.progress{
	width: 100%;
	height: 100%;
	margin: auto;
	
}

.progress_l{
	width:3.2rem;
	height: 100%;
	float: left;
	    margin-top: 0.3rem;
}
.progress_l > div,.progress_r > div{
	background-color: #fcfcfc;
	border: 1px solid #ededed;
}
.progress_r{
	width:3.2rem;
	float: right;
    position: absolute;
    right: 0;
        margin-top: 0.3rem;
}

.progress_l > div>p,.progress_r > div>p{
	  width: 2.6rem;
    font-size: 0.18rem;
    line-height: 0.25rem;
    margin-bottom: 0.1rem;
    word-wrap: break-word;
    padding-left: 0.3rem;
    position: relative;
    /* margin-right: 50px; */
    min-height: 0.25rem;
    clear: both;
}
.progress_l > div>p:before,.progress_r > div>p:before{
	    content: url(../images/img/qylc/blue.png);
    position: absolute;
    left: 0.01rem;
    background-size: 0.1rem 0.1rem;
}

.progress_l > div>img,.progress_r > div>img{
	margin-left: 0.3rem;
	margin-bottom: 0.1rem;
}


.progress_c{
	height: 99%;
	float: left;
	position: relative;
	top: 0.5%;
	border-right: 1px solid #3a75de;
    z-index:99;
}
.progress_c > div{
	    width: 1rem;
    height: 0.25rem;
	position: absolute;
}
  .progress_r  img{
  margin-left:0.8rem;
  }
.pro_cl{
	background: url(../images/img/qylc/tittle.png) no-repeat;
	left: -0.6rem;
        background-size: 100% 100%;
}
.pro_cr {
	background: url(../images/img/qylc/tittle-right.png)no-repeat;
	left: -0.3rem;
    background-size: 100% 100%;
}
  .progress_r p , .progress_r img{
  margin-left:0.65rem!important;
  }
.pro_cl> div{
	width: 0.68rem;
    height: 0.25rem;
    text-align: center;
    line-height: 0.25rem;
    font-size: 0.18rem;
    color: #3a75de;
    margin-left: 0.25rem;
}
.pro_cr> div{
	    width: 0.68rem;
    height: 0.25rem;
    text-align: center;
    line-height: 0.25rem;
    font-size: 0.18rem;
    color: #3a75de;
}
.progress_c div:nth-child(1){
	top: 0rem;
}
.progress_c div:nth-child(2){
	top: 1.13rem;
}
.progress_c div:nth-child(3){
	top: 6rem;
}

.progress_c div:nth-child(4){
	top: 12.3rem;
}

.progress_c div:nth-child(5){
	top: 19rem;
}
.progress_c div:nth-child(6){
	top:20rem;
}
.progress_c div:nth-child(7){
	top: 22.4rem;
}
.progress_c div:nth-child(8){
	top: 24rem;
}
.progress_c div:nth-child(9){
	top: 31.5rem;
}

.progress_c div:nth-child(10){
	width: 0.7rem;
    height: 0.22rem;
    top: 37.8rem;
    left: -0.35rem;
    font-size: 0.17rem;
    text-align: center;
    line-height: 0.22rem;
    color: #3a75de;
    background: url(../images/index/lc17.png) no-repeat;
    background-size: 100% 100%;
}

.progress_c > img{
	position: absolute;
	width: 1rem;
	height: 1rem;
	top: 38rem;
	left: -0.5rem;
}   
}













@media screen and (min-width: 1200px) {
 .lc-bannertl, .progressBox-tl{
  display:none;
  }
/*企业历程*/
.banner{
	height: 525px;
	width: 100%;
}
.banner > img {
	width: 100%;
	height: 100%;
}


/*详细历程*/
.progressBox{
	width: 100%;
	height: 3700px;
	margin-top: 55px;
	padding-bottom: 200px;
}

.progress{
	width: 1210px;
	height: 100%;
	margin: auto;
	
}

.progress_l{
	width:510px;
	height: 100%;
	float: left;
	
}
.progress_l > div,.progress_r > div{
	background-color: #fcfcfc;
	border: 1px solid #ededed;
	margin-bottom: 30px;
	padding-top: 30px;
}
.progress_r{
	width:516px;
	height: 100%;
	float: right;
}

.progress_l > div>p,.progress_r > div>p{
	width: 348px;
	font-size:18px;
	line-height: 24px;
	margin-bottom: 40px;
	word-wrap:break-word;
	padding-left: 85px;
	position: relative;
	/*margin-right: 50px;*/
	min-height: 24px;
}
.progress_l > div>p:before,.progress_r > div>p:before{
	content: url(../images/index/yuanD.png);
	position: absolute;
	left: 40px;
}

.progress_l > div>img,.progress_r > div>img{
	margin-left: 85px;
	margin-bottom: 40px;
}


.progress_c{
	height: 99%;
	float: left;
	margin-left: 90px;
	position: relative;
	top: 0.5%;
	border-right: 1px solid #3a75de;
}
.progress_c > div{
	width: 165px;
	height: 40px;
	position: absolute;
}
.pro_cl{
	background: url(../images/index/lc_l.png) no-repeat 100%;
	left: -110px;
}
.pro_cr {
	background: url(../images/index/lc18.png)no-repeat 100%;
	left: -55px;
}
.pro_cl> div{
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #3a75de;
	margin-left: 45px;
}
.pro_cr> div{
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #3a75de;
}
.progress_c div:nth-child(1){
	top: -10px;
}
.progress_c div:nth-child(2){
	top: 60px;
}
.progress_c div:nth-child(3){
	top: 690px;
}

.progress_c div:nth-child(4){
	top: 1440px;
}

.progress_c div:nth-child(5){
	top: 2150px;
}
.progress_c div:nth-child(6){
	top:2800px;
}
.progress_c div:nth-child(7){
	top: 3050px;
}
.progress_c div:nth-child(8){
	top: 3220px;
}
.progress_c div:nth-child(9){
	top: 3460px;
}

.progress_c div:nth-child(10){
	width: 120px;
	height: 40px;
	top: 3660px;
	left: -60px;
	font-size: 17px;
	text-align: center;
	line-height: 40px;
	color: #3a75de;
	background: url(../images/index/lc17.png) no-repeat 100%;
}

.progress_c > img{
	position: absolute;
	width: 120px;
	height: 100px;
	top: 3727px;
	left: -60px;
} 


}