/*.x-wrap{ position: relative; width: 1230px; height: 100%; margin: auto;}
@media screen and (min-width: 751px) {

  .x-wrap{ width: 1230px;}
}
@media screen and (max-width: 750px){
.x-wrap { width: 100%;padding: 0 0.2rem;}
}*/

.w_1500 {
    
    width: 1500px;
    margin: 0 auto;
}
@media only screen and (max-width:1580px) {
  .w_1500 {width: 85%;}
}
@media only screen and (max-width: 1024px) {
  .w_1500{width:90%;}
}

.history_banner{position: relative;}
.history_banner img{width: 100%;}
.his_img{width: 100%;margin-left: 40px;}
.history_site{position: absolute;left: 0;top:0;width: 100%;}
.history_site .site{color: #fff;}
.history_site .site a,.history_site .site span{color: #fff;}
.history_site .w_1500{position: relative;z-index: 2;}
.history_site .site a.home{background: url(../images/a028_w.png) no-repeat;}

.home2{position: relative;}
.history_block{background:#f3f4f4 url(../images/his_bg.jpg) repeat;}
.history_list{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.text_box dt{position: relative;height: 0; padding-bottom: 83.1%;overflow: hidden;}
.text_box dt img{
    width: 70%;
    max-height: 100%;
    position: absolute;
    top: 2%;
    left: 15.5%;
    z-index: 2;
    height: 97%;
}
.his_bg{position: absolute;top:0;left: 0;width: 101%;height: 101%;background: url(../images/his_img_bg.png) no-repeat center center;    background-size: 100% 100%;}

.con_div{width: 74.6%;position: absolute;left: 0;top:19.2%;}
.con_div dl{position: relative;}
.con_div dd{position: absolute;right: 0;bottom: 0;width: 38.5%;}




.home2 .conner{ position: absolute;left: 0;top:0;width: 100%;height: 100%; }
.home2 .conner .time_point{ width: 100%; height: 100%; z-index: 10; position: absolute; top: 0; left: 0; }
.home2 .conner .time_point .child{ cursor: pointer; width: 35px; height: 35px;line-height: 120px; position: absolute; }
.home2 .conner .time_point .child i{width: 160px;height: 120px; display: block; background: url(../images/timepoint_03.png) no-repeat center center; background-size: 50%;}
.home2 .conner .time_point .child span.time{font-size: 36px;color: #666666;font-family: "Arial";position: absolute;top: 0;left: 130px;}
.home2 .conner .time_point .child.on i{  /*background: url(../images/brush_03.png) no-repeat center;*/ }
.home2 .conner .time_point .child.on span.time{ color: #d71921;/*top:-20px;*/}
.home2 .conner .time_point .child.on span.active{ display: block; }
.his_p i{float: left;}
.his_p{position: absolute;    left: -30px;top: -42px;}
@media only screen and (max-width:1520px) {
    .his_img{margin-left: 28px;}
}
@media only screen and (max-width:1280px) {
    .his_img{margin-left: 20px;}
    .his_p{left: -45px;}
}
@media only screen and (max-width:767px) {
    .his_img{margin-left: 10px;}
}

.home2 .conner .time_point .l1{ top: 3.9%; left: 27.3%; }
.home2 .conner .time_point .l2{ top: 7.35%; left: 9.2%; }
.home2 .conner .time_point .l2 span.time{width: 100%;left: 0; top:-50px;text-align: center;}
.home2 .conner .time_point .l2.on span.time{top:-50px;}
.home2 .conner .time_point .l3{top: 12.678%;left: 7.2%;}
.home2 .conner .time_point .l4{top: 13.41%;left: 25%;}
.home2 .conner .time_point .l4 span.time{width: 100%;left: 0; top:-50px;text-align: center;}
.home2 .conner .time_point .l4.on span.time{top:-50px;}
.home2 .conner .time_point .l5{top: 10.84%;left: 47.6%;}
.home2 .conner .time_point .l5 span.time{width: 100%;left: 0; top:-50px;text-align: center;}
.home2 .conner .time_point .l5.on span.time{top:-50px;}
.home2 .conner .time_point .l6{top: 17.2%;left: 61.2%;}
.home2 .conner .time_point .l7{top: 27.469%;left: 67.1%;}
.home2 .conner .time_point .l8{top: 35.37%;left: 78.1%;}
.home2 .conner .time_point .l9{top: 40.88%;left: 88%;}
.home2 .conner .time_point .l9 span.time{left: -75px;}
.home2 .conner .time_point .l10{top: 50.66%;left: 95.3%;}
.home2 .conner .time_point .l10 span.time{left: -75px;}
.home2 .conner .time_point .l11{top: 63.25%;left: 96.66%;}
.home2 .conner .time_point .l11 span.time{left: -75px;}
.home2 .conner .time_point .l12{top: 71.75%;left: 92.1%;}
.home2 .conner .time_point .l12 span.time{left: -75px;}
.home2 .conner .time_point .l13{top: 75.79%;left: 81.73%;}
.home2 .conner .time_point .l13 span.time{width: 100%;left: 0;bottom: -70px;text-align: center;top: auto;}
.home2 .conner .time_point .l13.on span.time{bottom:-70px;top: auto;}


.home2 .conner .time_point .l14{top: 75.7%;left: 66.66%;}
.home2 .conner .time_point .l14 span.time{width: 100%;left: 0; top:-50px;text-align: center;}
.home2 .conner .time_point .l14.on span.time{top:-50px;}


.home2 .conner .time_point .l15{top: 77.35%;left: 50.53%;}
.home2 .conner .time_point .l15 span.time{width: 100%;left:-30px; top:-80px;text-align: center;}
.home2 .conner .time_point .l15.on span.time{top:-80px;}


.home2 .conner .time_point .l12.on span.time,.home2 .conner .time_point .l11.on span.time,.home2 .conner .time_point .l10.on span.time,.home2 .conner .time_point .l9.on span.time{left: -125px;}



.home2 .conner .img_box{ position: absolute; top: 325px; left: 30px; width: 721px; height: 958px; z-index: 5; }
.home2 .conner .img_box .img{ width: 100%; height: 100%; display: none; }
.home2 .conner .img_box .img img{ width: 100%; height: 100%; }
.home2 .conner .img_box .zd{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; 
background: url(../images/h2imgzd_03.png) no-repeat center; background-size: cover !important; }
.home2 .conner .text_box{ }
.home2 .conner .text_box .child{ }
.home2 .conner .text_box .time{ font-size: 88px;font-weight: bold; color: #d71921; font-family: "Arial";margin-bottom: 10px; }
.home2 .conner .text_box .multiline{ color: #000000; line-height: 30px;height: 180px;overflow: hidden;
display: -webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient: vertical;

}
.home2 .conner .text_box .more{ display: block; width: 162px; text-align: center; padding: 13px 0 17px; background: #a80505; border-radius: 25px;
color: #FFFFFF; font-size: 16px; }


.text_box .child dt{width: 70%;}

.history_bottom{text-align: center;padding: 300px 0 150px 0;margin-top:-230px;}
.history_bottom img{width: 100%;}
.history_bottom h1{font-size: 88px;line-height: 88px; color: #d71921;font-family: "Arial";font-weight: bold;margin-bottom: 20px;}


@media only screen and (max-width:1520px) {
.home2 .conner .time_point .l1{    left: 26.3%;}

}

@media only screen and (max-width:1440px) {
.history_bottom h1,.home2 .conner .text_box .time{font-size: 70px;}
.home2 .conner .time_point .child span.time{font-size: 30px;}


}
@media only screen and (max-width:1366px) {
.history_bottom h1,.home2 .conner .text_box .time{font-size: 52px;}
.home2 .conner .time_point .child span.time{font-size: 24px;}

}
@media only screen and (max-width:1024px) {
.history_bottom{padding-bottom: 70px;}
.history_bottom h1,.home2 .conner .text_box .time{font-size:44px;line-height: 44px;}
.home2 .conner .time_point .child span.time{font-size: 20px;}

.home2 .conner .time_point .l10 span.time,.home2 .conner .time_point .l11 span.time,.home2 .conner .time_point .l12 span.time,.home2 .conner .time_point .l9 span.time{left: -25px;}


.home2 .conner .time_point .child i{background-size:60px !important;}
.home2 .conner .time_point .child.on i{background-size:100% 100% !important;}
.home2 .conner .time_point .child i{width: 30px;height: 30px;}
.home2 .conner .time_point .child{line-height: 30px;}
.his_p{left: 0;top:0;}
.home2 .conner .time_point .child.on span.time{top:0;}
.home2 .conner .time_point .child span.time{left: 35px}
.home2 .conner .time_point .l2 span.time,.home2 .conner .time_point .l4 span.time,.home2 .conner .time_point .l5 span.time,.home2 .conner .time_point .l14 span.time,.home2 .conner .time_point .l15 span.time{left:-10px;top:-30px;}
.home2 .conner .time_point .l2.on span.time,.home2 .conner .time_point .l4.on span.time,.home2 .conner .time_point .l5.on span.time,.home2 .conner .time_point .l14.on span.time,.home2 .conner .time_point .l15.on span.time{left:-10px;top:-30px;}



.home2 .conner .time_point .l8 span.time,.home2 .conner .time_point .l9 span.time,.home2 .conner .time_point .l10 span.time,.home2 .conner .time_point .l11 span.time,.home2 .conner .time_point .l12 span.time{left: -75px;}

.home2 .conner .time_point .l13 span.time{left:-20px;bottom: -30px;}
.home2 .conner .time_point .l13.on span.time{left:-20px;bottom: -30px;top:auto;}
.home2 .conner .text_box .multiline{line-height: 24px;max-height: 120px;-webkit-line-clamp: 5;}

.home2 .conner .time_point .l12.on span.time,.home2 .conner .time_point .l11.on span.time,.home2 .conner .time_point .l10.on span.time,.home2 .conner .time_point .l9.on span.time{left: -75px;}

}
@media only screen and (max-width:767px) {
.con_div{left: -10px;top:28%;}
.home2 .conner .text_box .multiline{font-size: 12px;line-height: 20px;max-height: 100px;-webkit-line-clamp: 5;}

.history_bottom{padding: 280px 0 60px 0;}
.history_bottom h1, .home2 .conner .text_box .time{font-size: 18px;line-height: 24px;}
.history_bottom h1{margin-bottom: 10px;font-size: 30px;}

.home2 .conner .time_point .child span.time{font-size: 14px;}

.home2 .conner .time_point .child span.time {left: 25px;}

.home2 .conner .time_point .l2 span.time, .home2 .conner .time_point .l4 span.time, .home2 .conner .time_point .l5 span.time, .home2 .conner .time_point .l14 span.time, .home2 .conner .time_point .l15 span.time { left: -10px;top: -20px;}
.home2 .conner .time_point .l8 span.time,.home2 .conner .time_point .l9 span.time,.home2 .conner .time_point .l10 span.time,.home2 .conner .time_point .l11 span.time,.home2 .conner .time_point .l12 span.time{left: -55px;}

.home2 .conner .time_point .l13 span.time{left: 0px;bottom: -20px;}
.home2 .conner .time_point .l14 span.time{left: -20px;bottom: -20px;top:auto;}
.home2 .conner .time_point .l3 span.time{left: 0px;bottom: -20px;top:auto;}

.his_p { left: -10px;top: -10px;}
.home2 .conner .text_box .time{margin-bottom: 5px;line-height: 20px;}



.home2 .conner .time_point .l2.on span.time, .home2 .conner .time_point .l4.on span.time, .home2 .conner .time_point .l5.on span.time, .home2 .conner .time_point .l14.on span.time, .home2 .conner .time_point .l15.on span.time { left: -10px;top: -20px;}
.home2 .conner .time_point .l8.on span.time,.home2 .conner .time_point .l9.on span.time,.home2 .conner .time_point .l10.on span.time,.home2 .conner .time_point .l11.on span.time,.home2 .conner .time_point .l12.on span.time{left: -55px;}

.home2 .conner .time_point .l13.on span.time{left: 0px;bottom: -20px;}
.home2 .conner .time_point .l14.on span.time{left: -20px;bottom: -20px;top:auto;}

.text_box .child dt{width: 50%;    padding-bottom: 59.1%;left: 10%;}
.con_div dd{width: 45%;}


}