@charset "utf-8";






td,th,caption {font-size:12px;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%; }

address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}

a{color:#000;text-decoration:none;}

a:hover {cursor:pointer;text-decoration:none;}

a{blr:expression(this.onFocus=this.blur())}

*:focus{outline:0;}

fieldset,img {border:none;}

ol,ul,li {list-style:none;}

span,i{display:inline-block; font-style: normal;}

input, textarea, select, button {font:12px "微软雅黑";;outline:none;}

table{border-collapse:collapse;border-spacing:0;}

textarea {resize:none;}




/*关于我们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 200px;position: relative; min-height: 420px;}

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

    height: 92px;

    overflow: hidden;}

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

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

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

    width: 100%;

    height: 1px;

    background: #aeaeae;

    position: absolute;

    /* top: 33%; */

    /* right: -140%; */

    right: 0%;

    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:28px/30px impact; color: #666;margin:0 90px; position: relative; }

.parHd li:after{ content: ''; background: url(../images/dot_ico.png) no-repeat; width: 23px; height: 23px; position: absolute;  z-index: 20;top: -11px; left: 50%; margin-left: -12px;}
.parHd li.act:after{ content: ''; background: url(../images/dot_ico1.png) no-repeat; width: 23px; height: 23px; position: absolute;  z-index: 20;top: -11px; left: 50%; margin-left: -12px;}
.parHd li.act{ color:#4d87c3}
.parBd{ text-align: center; margin-top: 60px; width:100%; float:left; margin-bottom:30px}

.parBd h4{ width:100%; float:left; position: relative; font:143px/143px impact;color:#4d87c3; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center; box-sizing:border-box;}
.parBd h4 span{ font:36px/143px "微软雅黑"; color:#666}
.parBd h4:after{ }

.parBd h4:before{ }

.parBd p{ width:100%; text-align:center;float:left; line-height:32px; font-size: 16px; width: 100%; padding:0 15%; box-sizing:border-box; margin: 0 auto; min-height:64px; height:64px; overflow:hidden;}

div#listBox {

    width: 100%;

}

.sPrev,.sNext{ width: 37px; height: 37px; display: block; position: absolute; top: 350px; z-index:100}

.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: 1300px)
{
.parBd h4 {font: 123px/123px impact;}
.sPrev, .sNext { top:330px}
}
@media screen and (max-width: 900px)
{
.parBd h4 {font: 103px/103px impact;}
.sPrev, .sNext { top:310px}
.parHd li{ margin:0 80px;font: 20px/20px impact;}
}

@media screen and (max-width: 650px)
{
.parBd h4 {font: 85px/85px impact;}
.sPrev, .sNext { top:340px}
.parHd li{ margin:0 80px;font: 20px/20px impact;}
.parBd p{ font:14px/25px "微软雅黑"; height:100px; padding:0}
}

@media screen and (max-width: 480px)
{
.event_box {margin: 3% auto 100px;}	
.parBd{ margin-top:0}
.parBd h4 {font: 55px/55px impact;}
.sPrev, .sNext { top:280px}
.parHd li{ margin:0 70px;}
}