@charset "utf-8";

/* CSS Document */





/*关于我们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{ width: 100%; margin: 3% auto 0;position: relative; min-height: 420px;}

.event_box .parHd {width: 100%; display: inline-block;


    overflow: hidden;
	background: #ededed;
    padding: 30px 0;}
.parHd-con{ width:60%; position:relative; margin:auto;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}

.parHd .tempWrap{ margin: 0 auto;}

.parHd .tempWrap:after{      content: '';

    width: 85%;

    height: 1px;

    background: #580000;

    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: 22px; font-size: 16px; color: #000;margin:0 0px; position: relative; }

.parHd li:after{ content: ''; background: url(../images/dot-1_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}
.parHd li.act:after{ content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}

.parBd{ text-align: center;  margin:auto;margin-top: 60px; width:60%;}

.parBd h4{ position: relative; font-size: 30px; margin-bottom: 3%; padding: 0 60px;  display: inline-block; text-align: center;}

.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%;

}
.space_div{ position:relative;}
.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: 992px){
		 .parHd-con{ width: 80%;}
		 .parBd {
    text-align: center;
    margin: auto;
    margin-top: 30px;
    width: 80%;
}
	 }
	 @media screen and (max-width: 767px){
		 .parHd-con{ width: 90%;}
		 .parBd {
    text-align: center;
    margin: auto;
    margin-top: 30px;
    width: 90%;
}
.parBd h4{ position: relative; font-size: 26px; margin-bottom: 3%; padding: 0 60px;  display: inline-block; text-align: center;}
	 }