@charset "utf-8";

#head{background:#fff;}
#head .logo a>img.white{opacity:0;}
#head .logo a>img.blue{opacity:1;}
#head .logo a>span{color:#666;}
#head #menu>li>a{color:#464646;}
#head #search{color:#999;}


#top{padding:50px 155px 46px 155px; background:#018635; color:#fff; margin-top:90px; position:relative;}
#top:after{width:96px; height:100%; background:#d8ae5d; content:''; display:block; position:absolute; right:0; top:0;}
#top h1{font-size:4.2rem; margin:0;}
#top>div{margin-top:20px; font-size:1.6rem; font-weight:300;}
#top>div p{margin-bottom:1rem;}

.list .item{height:420px;}

.list .item .img{width:50%; float:left; height:100%; background:#eee;}
.list .item .con{width:50%; float:right; height:100%; padding:80px; box-sizing:border-box; position:relative;}
.list .item .con .tit{font-size:3.6rem; color:#464646; margin-bottom:2rem;}
.list .item .con>p{font-size:1.6rem; color:#888; margin-bottom:.8rem; line-height:1.5;}
.list .item .con a{text-decoration:underline; color:#018635;}
.list .item .con a:hover{color:#d8ae5d;}
.list .item .con .iconfont{font-size:12rem; color:#ddd; position:absolute; right:70px; bottom:50px;}

#m2 .img{float:right;}
#m2 .con{float:left;}

.list .item .btn{border:1px solid #999; padding:7px 25px 8px 25px; border-radius:4px; display:inline-block; text-decoration:none !important; color:#464646 !important; transition:all .25s;}
.list .item .btn:hover{background:#d8ae5d !important; color:#fff !important; border:1px solid #d8ae5d !important;}


@media (max-width:1440px){
  #top{padding:50px 185px 46px 105px;}
}
@media (max-width:1366px){
  #top{padding:50px 185px 46px 85px;}
  .list .item{height:400px;}
  .list .item .con{padding:70px;}
  .list .item .con .iconfont{font-size:10rem;}
}
@media (max-width:1280px){
  #top{padding:50px 185px 46px 65px;}
  .list .item{height:360px;}
  .list .item .con{padding:55px 50px;}
  .list .item .con .iconfont{font-size:8rem;}
}
@media (max-width:1080px){
  #top{padding:40px 20px; margin-top:65px; position:relative;}
  #top:after{display:none;}

  #top h1{font-size:3.2rem; margin:0;}
  #top>div{margin-top:20px; font-size:1.4rem; line-height:1.7;}
  #top>div p{margin-bottom:1.4rem;}

  .list .item{height:auto;}

  .list .item .img{width:100%; float:none; height:200px;}
  .list .item .con{width:100%; float:none; height:auto; padding:20px 20px 50px 20px;}
  .list .item .con .iconfont{font-size:6rem; right:20px; bottom:20px;}
}