@charset "utf-8";

/**/

@media (min-width:1280px) {
	.history .tabs .tabs_gr{font-size:0;text-align:center;overflow:hidden; width: 100%; margin-bottom: 4%;}
	.history .tabs div{display:inline-block;position:relative;width:33.33%}
	.history .tabs div a{display:block;line-height:68px;font-size:18px;color:#333;border:1px solid #eee;background:#fbfbfb}
	.history .tabs div.on a{color:#75bffd;border:1px solid #eee;border-bottom:0;border-top:3px solid #75bffd;background:#fff; font-weight:700;}
	.history .tabs div.on:before{content:'';position:absolute;z-index:2;top:0;right:-20px;width:0;height:0;border-bottom:72px solid rgba(0,0,0,.1);border-right:20px solid transparent}
	.history .tabs div:last-child.sel:before{display:none}
	.history .cons{padding:70px 0}
	.history  .tab_con {padding-left:270px}
	.history  .tab_con  dl{position:relative;margin:0 0 40px 0;padding:20px 30px;border:1px solid #eee}
	.history  .tab_con  dt{position:absolute;top:0;left:-240px;line-height:1;font-size:42px;font-weight:700;color:#a4a4a4}
	.history  .tab_con  dt:before{content:'';position:absolute;top:50%;left:160px;width:80px;height:1px;background:#eee}
	.history  .tab_con  dt:after{content:'';position:absolute;top:10px;left:130px;width:12px;height:12px;border:6px solid #a4a4a4;border-radius:20px}
	.history  .tab_con  dd{padding:5px 0;font-size:18px}
	.history  .tab_con  em{display:inline-block;margin:0 20px 0 0;padding:5px 10px;width:70px;background:#ccc;border-radius:30px; font-weight: 600; color: #fff;}
	.history  .tab_con  dl:nth-child(1) dt{color:#75bffd}
	.history  .tab_con  dl:nth-child(1) dt:after{border:6px solid #75bffd}
	.history  .tab_con  dl:nth-child(1) em{background:#75bffd; font-weight: 600; color: #fff;}
	.history  .tab_con dl:nth-child(1) p {
    background-color: #f7f7f7;
    text-align: left;
    padding-left: 3%;
    border-left: 2px solid #75bffd;
}
.history .tab_con_tit {
    width: 100%;
    padding: 10px 0;
    margin: 2% 0;
    font-size: 21px;
    font-weight: 600; 
    border-radius: 0 10px 10px 0;
  background-color: #f7f7f7;
    text-align: left;
    padding-left: 3%;
    border-left: 2px solid #aaa;	

}
}

@media (max-width:1279px) and (min-width:748px) {
	.history .tabs .tabs_gr{font-size:0;text-align:center;overflow:hidden; width: 100%; margin-bottom: 4%;}
	.history .tabs div{display:inline-block;position:relative;width:33.33%}
	.history .tabs div a{display:block;line-height:68px;font-size:18px;color:#333;border:1px solid #eee;background:#fbfbfb}
	.history .tabs div.on a{color:#75bffd;border:1px solid #eee;border-bottom:0;border-top:3px solid #75bffd;background:#fff; font-weight:700;}
	.history .tabs div.on:before{content:'';position:absolute;z-index:2;top:0;right:-20px;width:0;height:0;border-bottom:72px solid rgba(0,0,0,.1);border-right:20px solid transparent}
	.history .tabs div:last-child.sel:before{display:none}
	.history .cons{padding:70px 0}
	.history  .tab_con {padding-left:220px}
	.history  .tab_con  dl{position:relative;margin:0 0 40px 0;padding:20px 30px;border:1px solid #eee}
	.history  .tab_con  dt{position:absolute;top:0;left:-180px;line-height:1;font-size:42px;font-weight:700;color:#a4a4a4}
	.history  .tab_con  dt:before{display: none;}
	.history  .tab_con  dt:after{display:none;}
	.history  .tab_con  dd{padding:5px 0;font-size:16px}
	.history  .tab_con  em{display:inline-block;margin:0 20px 0 0;padding:5px 10px;width:70px;background:#ccc;border-radius:30px; font-weight: 600; color: #fff;}
	.history  .tab_con  dl:nth-child(1) dt{color:#75bffd}
	.history  .tab_con  dl:nth-child(1) dt:after{border:6px solid #75bffd}
	.history  .tab_con  dl:nth-child(1) em{background:#75bffd; font-weight: 600; color: #fff;}
	.history  .tab_con dl:nth-child(1) p {
    background-color: #f7f7f7;
    text-align: left;
    padding-left: 3%;
    border-left: 2px solid #75bffd;
}
.history .tab_con_tit {
    width: 100%;
    padding: 10px 0;
    margin: 2% 0;
    font-size: 19px;
    font-weight: 600; 
    border-radius: 0 10px 10px 0;
  background-color: #f7f7f7;
    text-align: left;
    padding-left: 3%;
    border-left: 2px solid #aaa;	

}
}
@media (max-width:747px) {
.history .tabs .tabs_gr{font-size:0;text-align:center;overflow:hidden; width: 100%; margin-bottom: 4%;}
	.history .tabs div{display:inline-block;position:relative;width:33.33%}
	.history .tabs div a{display:block;line-height:68px;font-size:15px;color:#333;border:1px solid #eee;background:#fbfbfb}
	.history .tabs div.on a{color:#75bffd;border:1px solid #eee;border-bottom:0;border-top:3px solid #75bffd;background:#fff; font-weight:700;}
	.history .tabs div.on:before{content:'';position:absolute;z-index:2;top:0;right:-20px;width:0;height:0;border-bottom:72px solid rgba(0,0,0,.1);border-right:20px solid transparent}
	.history .tabs div:last-child.sel:before{display:none}
	.history .cons{padding:70px 0}
	.history  .tab_con {padding-left:0px}
	.history  .tab_con  dl{position:relative;margin:0 0 40px 0;padding:10px;border:none;}
	.history .tab_con dt {
    position: relative;
    top: 0;
    left: 0;
    line-height: 1;
    font-size:20px;
    font-weight: 700;
    color: #a4a4a4;
    text-align: center;
    display: block;
    text-align: left;
    padding: 3% 0;
}
	.history  .tab_con  dt:before{visibility: hidden;}
	.history  .tab_con  dt:after{visibility: hidden;}
	.history  .tab_con  dd{padding:5px 0;font-size:15px}
	.history .tab_con em {
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 5px 10px;
    width: 70px;
    background: #ccc;
    border-radius: 30px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
	.history  .tab_con  dl:nth-child(1) dt{color:#75bffd} 
	.history  .tab_con  dl:nth-child(1) em{background:#75bffd; font-weight: 600; color: #fff;}
	.history .tab_con dl:nth-child(1) p {
    visibility: hidden;
    position: absolute;
}
	
.history .tab_con_tit {
    visibility: hidden;
    position: absolute;
}
}