/*关于我们start*/

.about_bg{ position: fixed; width: 100%; height: 100%; top:0; left: 0;    background: url(../images/about_bg.jpg) no-repeat;background-size: cover;}

.about_content{ width: 60%; margin: 0 auto;}

.about_content h2,.about_content h3{ text-align: center; font-weight: bold; color: #000; }

.about_content h2{ font-size: 40px;margin-bottom:50px;}

.about_content h3{ font-size: 26px; margin-bottom: 60px;}

.about_content p{ font-size: 16px; color: #000; line-height: 180%; margin-bottom: 20px; text-align: center;}

.about_content.history{ text-align: center; position: relative;}

/*大事记start*/

.event_box{margin: 3% auto 0;position: relative;min-height: 420px;}

.event_box .parHd {

width: 100%;

display: inline-block;

height: 108px;

overflow: hidden;
}

.parHd  ul{width: 100%;text-align: center;margin: 0 auto;padding-top: 24px !important;}

.parHd .tempWrap{margin: 0 auto;width: 1103px !important;}

.parHd .tempWrap:after{

content: '';

width: 124%;

height: 1px;

position: absolute;

top: 33%;

/* right: -140%; */

right: 8%;

top: 35%;

/* margin-top: -0.5px; */

z-index: 10;

}

/*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #580000; position: absolute;top: 0; right:-140%;right: 0;}*/ 

.parHd li.no_line:before{ display: none;}

.parHd li{display: inline-block;cursor: pointer;padding-top: 30px;font-size: 16px;width: 146px !important;color: #808080;margin: 0 30px;position: relative;}
.parHd .clone:after{
    top: 2px !important;
}
.parHd .act:after{
    top: 24px;
    left: 78px;
}
.parHd .act{:after
    padding-top: 30px;
    font-size: 60px;
    font-weight: bold;
    position: relative;
    color: #c00000;
    top: -23px;
    left: -9px;
}
.parHd .clone{
    padding-top: 30px;
    /* color: #8f8080; */
    /* display: inline-block; */
    /* cursor: pointer; */
    font-size: 16px;
    /* width: 146px !important; */
    color: #808080;
    /* margin: 0 30px; */
    /* position: relative; */
    font-weight: 100;
    /* display: none; */
    top: 0;
}
.parHd li:after{content: '';background: #c00000;width: 12px;height: 12px;position: absolute;z-index: 8;top: 2px;left: 54%;margin-left: -12px;border-radius: 50%;}
.parHd li:after:hover{}
.parBd{ text-align: center; margin-top: 60px;}
.parBd .slideBox{
    padding: 18px 60px;
    border: 1px solid #e0e0e0;
    width: 80%;
    margin: auto;
    height: 70px;
    text-align: left;
}
.parBd h4{position: relative;font-size: 16px;padding: 5px 60px;display: inline-block;}
.parBd h4 b{
    color: #c00000;
    display: none;
}
.parBd h4:after{content:'';/* background: #000; */width: 100px;height: 1px;position: absolute;left: -100px;bottom: 12px;}

.parBd h4:before{content:'';/* background: #000; */width: 100px;height: 1px;position: absolute;right: -100px;bottom: 12px;}

.parBd p{ line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}

div#listBox {

    width: 100%;

}

.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 10px;}

.sPrev{ left: 0;}

.sNext{ right: 0;}

.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);

    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);

    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);

    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
     }


@media screen and (max-width:767px) {

    .parBd{text-align: center;margin-top: 16px;}
.parBd .slideBox{
    padding: 15px 18px;
    border: 1px solid #e0e0e0;
    width: 80%;
    margin: auto;
    height: 70px;
    text-align: left;
}
.parBd h4{position: relative;font-size: 16px;padding: 0px 0px;display: inline-block;}
.parBd h4 b{
    color: #c00000;
}
.parBd h4:after{content:'';/* background: #000; */width: 100px;height: 1px;position: absolute;left: -100px;bottom: 12px;}

.parBd h4:before{content:'';/* background: #000; */width: 100px;height: 1px;position: absolute;right: -100px;bottom: 12px;}

.parBd p{ line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}



}