@charset "utf-8";

#banner .tit{color:#fff; font-weight:bold; font-size:4.6rem; text-align:center; top:45.5%; position:absolute; width:100%;}
#banner .tit-en{color:#fff; font-size:1.7rem; text-align:center; top:56.2%; position:absolute; width:100%; font-family:Montserrat; font-weight:300; text-transform:capitalize;}
#banner span{display:block; width:30px; height:30px; color:#018635; position:absolute; bottom:18px; left:50%; margin-left:-16px; text-align:center; font-size:2.6rem;}


#part{padding:60px 150px; text-align:center;}
#part a{display:inline-block; padding:16px 50px 17px 50px; font-size:1.7rem; color:#464646; position:relative; margin:0 10px; transition:all .25s; background:#eee;}
#part a:hover{background:#fff;}
#part a.active{color:#fff; background:#018635; border:0px none;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #banner .tit{font-size:4.2rem; top:45.3%}
  #banner .tit-en{top:56%; font-size:1.7rem;}
  #banner span{bottom:16px; font-size:2.4rem;}
}
@media (max-width:1280px){
  #banner .tit{font-size:4rem; top:47%}
  #banner .tit-en{top:58.2%; font-size:1.6rem;}
  #banner span{bottom:15px; font-size:2.4rem;}
}
@media (max-width:1080px){
  #banner .tit{font-size:2rem; top:47.5%}
  #banner .tit-en{top:58.8%; font-size:1.3rem;}
  #banner span{bottom:0px; font-size:1.6rem;}

  #part{padding:45px 0;}
  #part a{display:block; max-width:100px; font-size:1.6rem; margin:0px auto 1px auto;}
}
.icase_flip { text-align: center; }
.icase_flip li{ width:auto; float:none; display:block; }
.pagination { text-align: center; margin-top: 20px; }
.pagination li { display: inline-block; margin:0 2px; }
.pagination span, .pagination a { font-size:14px; display: inline-block; border: 1px solid #ddd; padding: 5px 10px; vertical-align: middle; border-radius:100%; }
.pagination span, .pagination a:hover { background: #018635; color:#FFF; }