.gicon{background: url(../images/g.png) no-repeat center center; vertical-align: middle; display: inline-block; width: 13px; height: 12px;}

.case-search{position: relative;}
.search-absolute{position: absolute;}
.search-form{width: 100%; top: 25%; text-align: center; z-index: 1;}
.search-form h3{font-size: 20px; line-height: 40px; }
.search-form p{font-size: 14px; line-height: 20px; font-weight: 300;}
.search-form .searchkey{ font-size: 14px; line-height: 20px; height: 30px;border: none;width: 200px; opacity: 0.7;display: inline-block;box-sizing:border-box;}
.search-form .searchbtn{background-color: #fbc815; line-height: 24px; border: 1px solid #aeaeae; border-left: none; width: 40px; }
.searchbtn .icon-search{background: url(../images/searchbtn.png) no-repeat center center; -webkit-background-size: 12px 12px; background-size: 12px 12px; display: inline-block; width: 12px; height: 12px;}

.searform-wap{margin-top: 25px;}
.search-btn{width:60px;display: inline-block;}
.search-input{border:1px solid rgba(0,0,0,.5);background: none; box-shadow: none; width: 270px;height:30px;margin:0 auto;
display: flex;justify-content: center;align-items: center;}
.search-input img{width:100%; display: inline-block;vertical-align: middle;}


.case-type{padding: 10px 0 10px 0;border-bottom:1px solid #e9e9e9;}
.case-type ul,.warp-case li a,.case-item .case-title,.case-type-sec ul{display: -webkit-flex; display: -moz-flex; display: flex;}
.case-type ul li,.case-item,.case-item h3{flex: 1;}
.case-type ul li{font-size: 12px; text-align: center;}
.case-type ul li span{display: inline-block; vertical-align: middle;}
.case-type ul li i{display: inline-block; width: 12px; height: 12px; vertical-align: middle;}
.arrow-down{background: url(../images/arrow-down.png) no-repeat center center; -webkit-background-size: 6px 6px; background-size: 6px 6px;}
.arrow-up{background: url(../images/arrow-up.png) no-repeat center center; -webkit-background-size: 6px 6px; background-size: 6px 6px;}
.case-type ul li.sort{flex: .5;}
.icon-sort{background: url(../images/sort.png) no-repeat center center; -webkit-background-size: 12px 12px; background-size: 12px 12px;}
.case-type ul li .cur{color: #ebb02e;font-weight:600;}
.case-type-sec li .cur{color: #ebb02e;font-weight:600;border: 1px solid #ebb02e;}

.warp-case{margin-bottom:20px;}
.warp-case ul{padding: 10px 10px;}
.warp-case ul li{border-bottom: 1px solid #c8c8c8; padding: 10px 0;}
.warp-case li .pic{width:150px; height: 100px; }
.warp-case li img{width: 100%;height:100%;}
.case-item{padding-left: 10px;}
.case-item h3{font-size: 14px;}
.case-item p,.case-item .case-label{font-size: 9px; line-height: 18px;}
.case-tag span{font-size: 9px; background-color: #969696; color: #fff;display: inline-block; padding: 2px 5px; line-height: 12px;}
.case-item .case-sub span{font-size: 9px; font-weight: normal; display: inline-block; border: 1px solid #5b5b5b; padding: 2px 5px; color: #111;}	
.casesec-choice{}
.sectypelist{background-color: rgba(0,0,0,.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.casesec{width: 100%;background-color: #fff;z-index: 2;position: absolute;overflow-y: scroll;}
.case-type-sec{display: -webkit-flex;display: -moz-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;flex-wrap: wrap;padding: 6px 0;}

.case-type-sec li{flex:1%;padding-left: 10px;}
.case-type-sec li a{font-size: 12px;border: 1px solid #e5e5e5;width:19.2vw;height:9.06vw;line-height:9.06vw;display:block;text-align:center;margin-top: 5px;}
.casesec .case-type2{margin-top: 0px;background-color: #fff;}
.case-type-sec li .cur{color:#fbc815;font-weight:600;}
.cate-btnlist{border-top:1px solid #e9e9e9;text-align:center;margin-top:20px;padding:20px 10px;}
.cate-btn{display:inline-block;line-height:40px;font-size:14px;font-weight:600;width:40%;border-radius: 5px;}
.btn-sub{background-color:#fbc815;color: #fff;}
.btn-reset{background-color:#f8f8f9;color: #9399a5;}


.display-block{display:block;}
.display-none{display:none;}
.searchResTitle{border-bottom: 1px solid #dfdfdf;padding-bottom: 8px;}
.searchResTitle p{padding:20px 10px;}
.sec-check-list{width: 19.2vw;height: 9.06vw;line-height: 9.06vw;}    
.fixbg{position: fixed;height: 100%;width: 100%;top: 0;left: 0;z-index: 1;}

/*案例详情页*/
.article .section-content{margin-top: 10px; margin-bottom: 10px;}
.article .category{border-bottom: 1px solid #ddd;padding: 10px 0;}
.article .category h1{font-size: 16px; line-height: 1.1;text-align:center;}
.article .category-eyebrow{margin-top: 14px;text-align:center;}
.article .category-eyebrow span{display: block;line-height: 1.5;font-size:9px;}
.article .category-eyebrow p{display:inline-block;font-size:9px;}
.article .articleheader{margin-top: 15px; margin-bottom: 15px; font-size: 12px; line-height: 2; text-indent: 2em;}
.article .article-content{margin-top: 20px; margin-bottom: 50px;}
.article .article-content p{font-size: 10px; line-height: 1.8; margin: 10px 0; text-indent: 2em;}
.article .article-content img{}
.article-mainimg{text-align: center;}