#user_defined8 .ingenuity{width:100%;height:629px;background-position: center;background:#036f6f;padding-top:50px;}
#user_defined8 .ingenuity .ingenuity_title{width:440px;height:70px;margin:auto;margin-bottom:50px;padding-top:30px;background:url(../images/advtbg.jpg) center top no-repeat;text-align:center;}
#user_defined8 .ingenuity .ingenuity_content{width:1200px;height:411px;margin:0 auto;}
#user_defined8 .ingenuity .ingenuity_content ul{width:1200px;}
#user_defined8 .ingenuity .ingenuity_content ul li{list-style:none;}
#user_defined8 .ingenuity .prompt{ width:1200px;margin:0 auto;margin-top:33px; text-align: center;}
#user_defined8 .prompt p{ display: inline-block;font-size:12px;color:#ffffff;height:32px; line-height:32px; border-bottom:1px solid #fff;}
#user_defined8 .ingenuity_content li{width:288px; height:411px; float: left;cursor: pointer; margin-left:16px; position: relative;}
#user_defined8 .ingenuity_content li:first-child{margin-left:0;}
#user_defined8 .ingenuity_content li:before{content:"";width:288px; height:143px;display: block;background-image: url(http://img.jihui88.com/upload/n/n2/niuli/picture/2017/03/25/26932828-b743-470c-b2d5-4a016608de00.png);position: absolute;bottom:0;left: 0;z-index: 2;transition:all .5s; -moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;}
#user_defined8 .ingenuity_content li:hover::before{opacity: 0;}
#user_defined8 .ingenuity_content li:after{content:"";width:288px;height:18px;display: block;background-image: url(http://img.jihui88.com/upload/n/n2/niuli/picture/2017/03/25/7f82d526-214d-47fc-a1c9-a0c7fdd8bb5f.png);position: absolute;bottom:-18px; left: 0;}
#user_defined8 li .ingenuity_pic{width:288px;height:411px;font-size:0;line-height: 0; position: absolute;left: 0;top:0; z-index: 1;}
#user_defined8 li .content_bg{width:100%;height:100%; display: block;background: rgba(3,111,111,0.9);position: absolute; left: 0;top:0; z-index: 3;opacity: 0;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;}
#user_defined8 li:hover .content_bg{opacity: 1; transform: scale(0.87,0.9); -moz-transform: scale(0.87,0.9); -o-transform: scale(0.87,0.9);-webkit-transform: scale(0.87,0.9);}
#user_defined8 li .frame_block{width:224px;height:338px;border:1px solid #fff;opacity: 0; position: absolute;left: 31px; top:36px; z-index: 4;transform: scale(0.82,0.87);-moz-transform: scale(0.82,0.87);-o-transform: scale(0.82,0.87); -webkit-transform: scale(0.82,0.87);}
#user_defined8 li:hover .frame_block{opacity: 0.6;transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1); -webkit-transform: scale(1,1);
 transition:all .5s .2s;-moz-transition:all .5s .2s;-o-transition:all .5s .2s;-webkit-transition:all .5s .2s;}
#user_defined8 li .ingenuity_intro{width:100%;height:100%;position: absolute; left: 0; top:0;z-index: 4;}
#user_defined8 li .ingenuity_intro h1{width:100%;height:37px;line-height:37px;margin:0;font-weight:normal;text-align: center; font-size:20px;color:#fff;position: absolute; left:0; top:361px; transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;}
#user_defined8 li:hover .ingenuity_intro h1{ top:106px;}
#user_defined8 li .ingenuity_intro h1:before{content:"";width:34px;height:1px;display: block;background-color: #fff;position: absolute;top:0;left: 50%;margin-left:-17px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;}
#user_defined8 li:hover .ingenuity_intro h1:before{opacity: 0;}
#user_defined8 li .ingenuity_intro h1:after{content:"";width:34px;height:1px;display: block;background-color: #fff;position: absolute;bottom:0;right: 50%;margin-right:-17px; transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s; -webkit-transition:all .3s;}
#user_defined8 li:hover .ingenuity_intro h1:after{opacity: 0;}
#user_defined8 li .ingenuity_intro h2{width:100%;height:15px; line-height:15px;margin:0; font-weight:normal;text-align: center; font-size:13px;color:#fff;text-transform: uppercase; opacity: 0;position: absolute;left:0;top:242px;}
#user_defined8 li:hover .ingenuity_intro h2{opacity: 0.6;top:142px;transition:all .4s .3s;-moz-transition:all .4s .3s;-o-transition:all .4s .3s;-webkit-transition:all .4s .3s;}
#user_defined8 li .ingenuity_intro p{font-size:13px;line-height:25px; color:#fff;width:200px;text-align: center;position: absolute;left: 44px;top:275px;opacity: 0;}
#user_defined8 li:hover .ingenuity_intro p{opacity: 1;top:175px;ransition:all .4s .5s; -moz-transition:all .4s .5s;-o-transition:all .4s .5s;-webkit-transition:all .4s .5s;}