@charset "utf-8";

#m3 .black{background:url('../img/about_black.jpg') center/cover no-repeat; color:#fff;}

#wrap{height:100%; width:100%; min-height:700px; position:relative;}
#wrap .split{height:100%; width:1px; background:rgba(255,255,255,.18); position:absolute; z-index:2; left:400px;}
#wrap .menu{width:300px; position:absolute; z-index:3; top:180px; left:100px; padding-right:60px; box-sizing:border-box;}
#wrap .menu>a{display:block; color:#fff; font-size:2.6rem; text-align:right; padding:10px 0; margin:15px 0; transition:all .25s; position:relative;}
#wrap .menu>a:hover, #wrap .menu>a.active{color:#018635;}
#wrap .menu>a:after{font-family:iconfont; content: '\e64f'; position:absolute; width:36px; height:36px; background:#018635; border-radius:100%; color:#fff; text-align:center; line-height:38px; font-size:1.8rem; right:-78px; top:10px; overflow:hidden; display:none;}
#wrap .menu>a.active:after{display:block;}

#wrap .item{height:100%; width:100%; position:absolute; left:0; top:0; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;}

#wrap .item .box{padding:186px 150px 0 520px; color:#fff;}
#wrap .item .box .tit{font-size:4.6rem;}
#wrap .item .box .con{font-size:1.6rem; font-weight:300; margin-top:35px; line-height:1.8; color:#fff;}
#wrap .item .box .con>p{margin-bottom:1.5rem;}

#wrap .item .box .list{margin-top:70px;}
#wrap .item .box .list>a{display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; width:120px; height:120px; border:1px solid rgba(255,255,255,.4); float:left; margin-right:20px; color:#fff; font-size:1.5rem; padding:15px; box-sizing:border-box; text-align:center; line-height:1.4; transition:all .25s;}
#wrap .item .box .list>a:hover{border-color:rgba(1,133,53,.6); color:#018635;}

#content{color:#464646; line-height:1.8; font-size:1.6rem; padding:25px;}
#content p,#content div{margin-bottom:1.2rem;}
#content h1{font-size:3.6rem; margin-bottom:1.2rem;}
#content h2{font-size:2.6rem; margin-bottom:1.2rem;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #wrap .split{left:360px;}
  #wrap .menu{width:280px; left:80px; top:170px; }
  #wrap .menu>a{font-size:2.4rem;}

  #wrap .item .box{padding:182px 130px 0 445px;}
  #wrap .item .box .tit{font-size:4.2rem;}
  #wrap .item .box .con{font-size:1.5rem;}
  #wrap .item .box .con>p{margin-bottom:1.5rem;}
}
@media (max-width:1280px){

}
@media (max-width:1080px){
  #wrap{min-height:820px;}
  #wrap .split{display:none;}

  #wrap .menu{width:100%; position:relative; z-index:3; top:0; left:0; padding:25px 20px 20px 20px; margin-top:65px;}
  #wrap .menu>a{font-size:1.6rem; text-align:left; padding:8px 0; margin:0 7px; transition:all .25s; position:relative; display:inline-block;}
  #wrap .menu>a:after{display:none !important;}

  #wrap .item .box .tit{font-size:3.6rem;}
  #wrap .item{min-height:100%;}
  #wrap .item .box{padding:130px 20px 50px 20px;}
  #wrap .item .box .list>a{width:90px; height:90px; margin-right:10px; color:#fff; font-size:1.4rem; margin-bottom:10px;}
}