.page_feature_samples{padding-top:65px;position:relative}.page_feature_samples:before{position:absolute;top:0;left:0;right:0;display:block;content:"";z-index:-1;background-image:url(/assets/banner_feature_samples@2x.487cd369.jpg);background-repeat:no-repeat;background-size:cover;background-position:right;height:200px;overflow:hidden}.page_feature_samples .page_subtit{height:160px}.page_feature_samples .page_subtit .title{color:#262626;font-size:36px;font-weight:500;line-height:50px;letter-spacing:0px}.page_feature_samples .page_subtit p{font-size:16px;line-height:24px;color:#262626;margin-top:12px}.page_feature_samples .list_feature_samples{margin-top:40px;overflow:hidden}.page_feature_samples .list_feature_samples li{float:left;width:270px;height:230px;margin:0 40px 40px 0;border-radius:3px;-webkit-box-shadow:0px 0px 10px rgba(215,215,230,.5);box-shadow:0 0 10px rgba(215,215,230,.5);background-color:#fff}.page_feature_samples .list_feature_samples li:hover{-webkit-box-shadow:0px 8px 15px rgba(209,213,224,.5);box-shadow:0 8px 15px rgba(209,213,224,.5)}.page_feature_samples .list_feature_samples li:nth-child(4n){margin:0 0 40px}.page_feature_samples .list_feature_samples li img{display:block;width:270px;height:160px;border-radius:3px 3px 0 0}.page_feature_samples .list_feature_samples li .info{padding:10px;line-height:69px;border-top:1px solid #eee;color:#333}.page_feature_samples .list_feature_samples li .info .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:20px;line-height:20px;color:#333}.page_feature_samples .list_feature_samples li .info .title .type{display:inline-block;padding:0 4px;border:1px solid #cccccc;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;font-size:12px;line-height:18px;color:#8c8c8c}.page_feature_samples .list_feature_samples li .info .bref{font-size:12px;line-height:16px;color:#999;margin-top:8px}