body{
  width:100%;
  margin: 0 auto;
}

.header{
    top:0;
    left:0;
}

.about_n{
  display: block;
  margin:0 auto;
  width:1200px;
  height:auto;
  margin-top: 120px;
}
.fixnav{
  display: block;
  margin:0 auto;
  width:1200px;
  height:50px;
  border-bottom: 1px dashed #cfcfcf;
}

.fixnav ul {
  width:600px;
  height:50px;
  margin: 0 auto;
}

.fixnav ul  li{
  list-style: none;
  width:120px;
  height:40px;
  line-height: 40px;
  margin-left:22px;
  float: left;
  border-radius: 10px;
  border:  1px solid #999;
   text-align: center;
}

.fixnav ul  li a{
   font-size: 18px;
   letter-spacing: 3px;
}
.fixnav  .liact{
  background-color: #90c42f;
}

.fixnav  .liact a{
 color:#fff;
}

.fixnav ul  li:hover a{
  color:#90c42f;
}
.fixnav  .liact:hover a{
 color:#fff;
}

.vertical {
    position: absolute;
    left:870px;
    top:250px;
    width: 2px;
    height: 100%;
    background: #97c145;
    z-index: 1;
}

.wenhual
{
display:block;
}

.wenhual  .dot
{
color: #97c145;
font-size: 38px;
line-height:25px;
height:38px;
z-index:9;
}

.wenhual li
{ 
 position:relative;
 width:945px;
}

.wenhual .li1
{ 
height:299px;
}

.wenhual .li1 .img
{
float:left;
width:406px;
}

.wenhual .li1 .dot
{
display:block;
float:left;
width:27px;
margin-top:37px;
text-align:center;
}

.wenhual .li1 .txt
{
padding-top:39px;
float:left;
width:501px;
background:url(../img/wenhuaback1.png) no-repeat right top;
}

.wenhual .li2
{ 
height:354px;
}

.wenhual .li2 .img
{

float:left;
width:501px;
}

.wenhual .li2 .dot
{
display:block;
float:left;
width:27px;
margin-top:27px;
text-align:center;

}

.wenhual .li2 .txt
{
padding-top:32px;
float:left;
width:406px;
background:url(../img/wenhuaback2.png) no-repeat left top;
}


.wenhual .li3
{ 
height:350px;
}


.wenhual .li3 .img
{
float:left;
width:406px;
}

.wenhual .li3 .dot
{
display:block;
float:left;
width:27px;
margin-top:37px;
text-align:center;
}

.wenhual .li3 .txt
{
padding-top:39px;
float:left;
width:501px;
background:url(../img/wenhuaback3.png) no-repeat right top;
}


.wenhual .li4
{ 
height:324px;
}

.wenhual .li4 .img
{

float:left;
width:501px;
}

.wenhual .li4 .dot
{
display:block;
float:left;
width:27px;
margin-top:28px;
text-align:center;
}

.wenhual .li4 .txt
{
padding-top:32px;
float:left;
width:406px;
background:url(../img/wenhuaback4.png) no-repeat 20px top;
}

.wenhual .li5
{ 
height:350px;
}


.wenhual .li5 .img
{
float:left;
width:406px;
}

.wenhual .li5 .dot
{
display:block;
float:left;
width:27px;
margin-top:37px;
text-align:center;
}

.wenhual .li5 .txt
{
padding-top:39px;
float:left;
width:501px;
background:url(../img/wenhuaback5.png) no-repeat right top;
}

.about3{
   width:800px;
   height:600px;
   margin:0 auto;
   margin-top: 50px;
  
}

.about3  ul{
  position: relative;
  height: 90px;
  overflow: hidden;
}

.about3  ul  li{
  list-style: none;
    z-index: 3;
    float: left;
    width: 197px;
    text-align: center;
    position: relative;
    height: 60px;
    cursor: pointer;
}

.about3  ul  li p{
   font-size: 16px;

}

.about3  ul  li .active  p{
    font-size: 30px;
    color: #d7000f;
} 
    
.about3  ul li:before {
    content: "";
    width: 100%;
    height: 29px;
    background: url(../img/2dTYGdLlSCCm-w7q3wW5Gw.png) no-repeat center top;
    display: block;
    position: absolute;
    bottom: 0px;
    transition: all 0.5s ease-in-out;

  }

.about3  ul li:hover{
    background: url(../img/pPIaSx9aT3qqb0JU2ObJ8g.png) no-repeat center top;
    opacity: 1;
  }
.about3  ul li .active{
    background: url(..img/pPIaSx9aT3qqb0JU2ObJ8g.png) no-repeat center top;
    opacity: 1;
}


/*在线留言*/
.liuyan{
  width:100%;
}

.liuyan span{
  display:block;
  width:800px;
  margin:0 auto;
  font-size: 20px;
}

.liuyan span input{
  width:500px;
  height:30px;
  margin-left: 20px;
}

.liuyan span em{
  display: block;
  position: absolute;
  width:85px;
  height:30px;
}


.liuyan #memo{
  margin-left: 105px;
  width:500px;
  height:200px;
}

.tijiao{
  width:800px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  margin-left: 20px;
}

.tijiao input{
  width:120px;
  height:30px;
  line-height: 30px;
  letter-spacing:5px;
  margin-left: 60px;
}


/*加入我们*/

.recruitment{
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}

.recruitment  ul{
  width:60%;
  margin: 0 auto;
  height:80px;
}


.recruitment  ul  li{
  width:25%;
  height:80px;
  float: left;
  line-height: 80px;
  text-align: center;
  font-size: 20px;
}

#joinusme{
  width:1200px;
  height:auto;
}

.joincont{
  margin-top: 30px;
  height:300px;
  border-bottom: 1px  solid  #999;
}

.joinlink{
  width:80px;
  height:40px;
  text-align: center;
  line-height: 40px;
  float:right;
  margin-right: 200px;
  margin-top: -150px;
  font-size: 18px;
  border: 1px solid #90c42f;
  color:#90c42f;
}

.joinlink:hover{
  color:#111;
  text-decoration: none;
}