/* 发展历程 */

.history-title{justify-content: space-between; align-items: center;}

.history-title-tabs span{  color: #fff; border: 1px solid rgba(255,255,255,0.6); padding: 0.19rem 0.24rem;  margin-right: 0.4rem;font-weight: 600; transition: all .3s; cursor: pointer; display: inline-block;}

.history-title-tabs span.on,.history-title-tabs span:hover{background: #FFFFFF;color: #0E59D1;}

.history{background: url(../images/about/img2.jpg) no-repeat; background-position: left top;background-size: 100% 100%; padding-top: .98rem; }

.history-tabs{ margin-top: .6rem; }

.history-tabs .history-tab{display: none;}

.history-tabs .history-tab.on{  display: block;}

.history-bar{ height:.8rem; position: relative;  background: rgba(0,0,0,0.3);}

.history-thumbs{position: relative; top: 0;  left: 0; z-index: 10;  overflow: hidden; }






/*发展历史*/
.h_main .section1{padding-bottom:1%;}
.h_main .section1 .time-box{position: relative; margin-bottom: 1rem;margin-top:1rem;background: #fff;padding: 10px 0; }
.h_main .section1 .time-box .time-line{position: absolute; left: 0; right: 0; margin: auto; width: 100px; height: 100%; z-index: 6; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.h_main .section1 .time-box .time-line .time-go{position: absolute; left: 0; right: 0; margin: auto; height: 0px; width: 1px; max-height: calc(100% - 90px); border-right: 1px #23527c dashed; z-index: 10;}
.h_main .section1 .time-box .time-line .qiche{position: absolute; left: 0; right: 0; margin: auto;max-height: calc(100% - 90px);}
.h_main .section1 .time-box .time-line img{position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 10; width: 41px; height: 37px; display: block; max-width: initial;}
.h_main .section1 .time-box .time-line:after{content: ""; position: absolute; border-right: 1px dashed rgba(238, 238, 238, 0.39); height: 100%; width: 0; top: 0; left: 0; right: 0; margin: auto; z-index: 3;}
.h_main .section1 .time-box .time-line:before{content: attr(data-note); position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 120px; font-size: 24px; text-align: center;color: #142864;}
.h_main .section1 .time-box .time-item{overflow: hidden; position: relative; z-index: 3;}
.h_main .section1 .time-box .time-item .time-list{position: relative; width: 50%; box-sizing: border-box; text-align: right; padding-right: 130px;float: left;margin-bottom: 10vw;}
.h_main .section1 .time-box .time-item .time-list h3{font-size: 32px;color: #142864;font-weight: normal;font-weight: bold;
    font-family: "DIN-Medium";line-height: 1;}
.h_main .section1 .time-box .time-item .time-list p{font-size: 16px;line-height: 26px;color: #333;margin-top: 10px;}
.h_main .section1 .time-box .time-item .time-list > img{max-width: 100%;display: inline-block;margin-top: 20px;}
.h_main .section1 .time-box .time-item .time-list p:after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%;line-height: 14px;text-align: center;background-color: #eee;top: 10px;right:-7px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.h_main .section1 .time-box .time-item .time-list.on p:after {background: -webkit-linear-gradient(-90deg, #23527c 0%, #23527c 100%);background: -o-linear-gradient(-90deg, #23527c 0%, #23527c 100%);background: -moz-linear-gradient(-90deg, #23527c 0%, #23527c 100%);background: linear-gradient(-90deg, #23527c 0%, #23527c 100%);}
.h_main .section1 .time-box .time-item .time-list:nth-child(even){float: right;padding-left: 130px;padding-right: 0;text-align: left;}
.h_main .section1 .time-box .time-item .time-list:nth-child(2){margin-top: 8vw;}
.h_main .section1 .time-box .time-item .time-list:nth-child(even) p:after{left: -7px;right: initial;}
.h_main .btm{position: fixed; right: 0; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.h_main .btm .item-node{text-align: right; opacity: 0; transform: translateX(8px); -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.h_main .btm .item-node.on{opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none;}
.h_main .btm .item-node li{height: 30px; line-height: 30px; cursor: pointer; position: relative; opacity: 0.5; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; font-size: 14px; padding-right: 42px;}3
@media  screen and (-webkit-min-device-pixel-ratio:0) {
   .h_main .btm .item-node li {
    background: -webkit-linear-gradient(#142864, #972929);
    background: -o-linear-gradient(#142864, #972929);
    background: -moz-linear-gradient(#142864, #972929);
    background:  linear-gradient(#142864, #972929);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
}


.h_main .btm .item-node li:after{content: ""; position: absolute; right: 0; height: 1px; width: 32px; background-color: #eeeff2; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; top: 0; bottom: 0; margin: auto;}
.h_main .btm .item-node li.on{opacity: 1; padding-right: 56px; font-size: 18px; font-weight: bold;}
.h_main .btm .item-node li.on:after{background: #142864; width: 50px;}












	.pcimg{display: block}
	.sjimg{display: none}


@media (max-width: 780px){
	.pcimg{display: none}
	.sjimg{display: block}
	.h_main .section1{padding-bottom: 60px;}
	.h_main .section1 .time-box .time-line{width: 50px;}
	.h_main .section1 .time-box .time-item .time-list{padding-right: 46px;}
	.h_main .section1 .time-box .time-item .time-list:nth-child(even){padding-left: 44px;}
	.h_main .section1 .time-box .time-item .time-list h3{font-size: 26px;}
	.h_main .section1 .time-box .time-item .time-list p{font-size: 12px;line-height: 20px;}
	.h_main .section1 .time-box .time-item .time-list p br{display: none;}
	.h_main .section1 .time-box .time-item .time-list:nth-child(2){margin-top: 26vw;}
	.h_main .section1 .time-box .time-line:before{font-size: 16px;}
	.h_main .btm {
    display: none;
}
	
	#section3 ul{margin-top: 25px}
	#section3 ul li{width: 48%;height: 420px;margin: 1% 1% 5px 1%;}
	#section3 ul li .box{top:30%}
	#section3 ul li h3{font-size: 18px}
	
	
	.pronav ul{padding: 0;margin-bottom: 10px}
	.pronav ul li{width: 100px}
	
	.pronav ul .cur{width: 100px}
	.case-item-info{height: 65px}
	
	  .news-content .news-content-item .news-right-txt h5{font-size: 14px; line-height: 30px;}

	.ind-news-left .ind-title{text-align: center}
	
	#section6{background:url(../images/sjlcbg.jpg)}
}