@charset "utf-8";
.block{position:relative;width:100%;}
.bgColor{background-color:#f8f8f8;}
#sitecontent{position:relative;z-index:1;padding-left:250px;overflow:hidden; font-size: 12px;}

/*案例列表独立样式*/
.news_list_top li:hover::after {width: 80%;opacity: 1; left: 15px;}
.anli_list{padding-right:3%; padding-top: 60px; padding-left: 3%; min-width: 1200px;}

.anli_list_lb{ display: block; float: left; margin-top: 20px;width: 100%;}
.anli_list_lb li{position:relative; width: 32%; display:inline-block; height: 27vh;  margin-right: .02%; overflow: hidden;}
.anli_list_lb li:nth-child(1){animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 1s;}
.anli_list_lb li:nth-child(2){animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 1.3s;}
.anli_list_lb li:nth-child(3){margin-right: 0%;animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration:1.7s;}
.anli_list_lb li:nth-child(4){animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 2s;}
.anli_list_lb li:nth-child(5){animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 2.4s;}
.anli_list_lb li:nth-child(6){margin-right: 0%;animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 2.8s;}
.anli_list_lb li:nth-child(7){animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 3.1s;}
.anli_list_lb li:nth-child(8){animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 3.4s;}
.anli_list_lb li:nth-child(9){margin-right: 0%;animation-name:boteaseinAnimate;-webkit-animation-name:boteaseinAnimate; animation-duration: 3.8s;}
.anli_list_lb h2{position: relative; font-weight: normal;color: #292929; top: -13vh; text-align: center; width: 100%; transition:all .3s ease;opacity: 0;}
.anli_list_lb span{ display: block; position: relative; height: 100%;  overflow: hidden;}
.anli_list_lb b{font-family:Mont; color: #fff; font-size: 14px; position: relative; width: 100%; text-align: center; top:0px;transition:all .3s ease; display: block;top:-15.5vh;opacity:0; }
.anli_list_lb img{width: 100%;height: 100%; transition:all .3s ease;}
.anli_list_lb p{ width: 100%; display: block; height: 100%; position:absolute;left: 0;top: 0;opacity:0; transition:all .3s ease;z-index: 1;}

.anli_list_lb h3{ border-bottom: 1px solid #869197;border-top: 1px solid #869197; margin: 0 auto; width: 0%; height: 18vh; position: absolute; top:4.5vh; left: 10%;transition:all .3s ease;opacity:0;}
.anli_list_lb li:hover h2{transition:all .3s ease; color: #fff;top: -15vh;opacity: 1;z-index: 1;}
.anli_list_lb li:hover span b{top:-14.5vh;transition:all .3s ease;opacity:1;z-index: 1;}
.anli_list_lb li:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);cursor:pointer;transition:all .3s ease;opacity:1;}
.anli_list_lb li:hover p{opacity:1; transition:all .3s ease;background: rgb(0,0,0,0.6); z-index: 1;}
.anli_list_lb li:hover h3{width: 80%;border-bottom: 1px solid #869197;border-top: 1px solid #869197;z-index: 2;transition:all .3s ease;opacity:1;}




























