.neckbox{width:100%;height:auto;position:relative}.neckbox img{max-width:100%}.neckbox .centerbox{width:auto;height:auto;margin-top:-100px;margin-left:-100px}.neckbox .centerbox .direct{background:none}.neckbox .centerbox .direct ul li{color:#fff;font-size:28px;font-weight:400;line-height:1.821}.neckbox .centerbox .direct ul li a{color:#fff}.content-container{width:100%;margin-top:40px}.content-container .op-list{display:-ms-flexbox;display:flex;height:150px;width:1200px;margin:0 auto;font-size:0;-ms-flex-pack:center;justify-content:center}.content-container .op-list li.step-item{display:inline-block;height:100%;width:25%;box-sizing:border-box;color:#fff;vertical-align:top}.content-container .op-list li.step-item:not(:first-child):hover{background-color:#607d8b}.content-container .op-list li.step-item:first-child{width:15%;padding:0 10px;background-color:#607d8b;font-size:0}.content-container .op-list li.step-item:first-child:before{content:"";display:inline-block;height:100%;vertical-align:middle}.content-container .op-list li.step-item:first-child div{width:50%;text-align:center;font-size:25px}.content-container .op-list li.step-item:first-child div.list-abstract{line-height:2}.content-container .op-list li.step-item:first-child img{width:40px}.content-container .op-list li.step-item.responsive{background-color:#42a5f5}.content-container .op-list li.step-item.pc{background-color:#29b6f6}.content-container .op-list li.step-item.mobile{background-color:#26c6da}.content-container .op-list li.step-item.selected{background-color:#607d8b}.content-container .op-list li.step-item.selected a{cursor:default}.content-container .op-list li.step-item a{display:inline-block;height:100%;width:100%;padding:0 30px;color:#fff;vertical-align:middle;box-sizing:border-box}.content-container .op-list li.step-item a:before{content:"";display:inline-block;height:100%;vertical-align:middle}.content-container .op-list li.step-item div{display:inline-block;vertical-align:middle;font-size:14px}.content-container .op-list li.step-item div.list-abstract{width:72%}.content-container .op-list li.step-item div.list-abstract .title{font-size:18px;font-weight:600}.content-container .op-list li.step-item div.list-img{width:26%}.content-container .op-list li.step-item img{max-width:100%}.content-container .filter-bar{width:100%;padding:10px 0;margin-top:50px;color:#fff;background-color:#607d8b}.content-container .filter-bar .title{float:left;padding:0 20px;line-height:28px;font-size:16px}.content-container .filter-bar #color-list{padding:0 15px 0 0}.content-container .filter-bar #color-list li .c-all{top:0}.content-container .filter-bar .wrapper{display:-ms-flexbox;display:flex;width:100%;margin:0 auto;font-size:14px;line-height:1.667;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-container .filter-bar .filter-color{vertical-align:middle}.content-container .filter-bar .filter-color *{display:inline-block;vertical-align:middle}.content-container .filter-bar .filter-color:before{display:inline-block;content:"";height:100%;vertical-align:middle}.content-container .filter-bar .filter-color .color-bar{vertical-align:middle;height:25px;padding:0 10px;margin:0 10px;background-color:#fff;border-radius:4px}.content-container .filter-bar .filter-color .color-bar:before{display:inline-block;content:"";height:100%;vertical-align:middle}.content-container .filter-bar .filter-color .color-bar img{vertical-align:middle;height:20px}.content-container .filter-bar .sub-title .sub-title-class{float:left;margin-right:10px;line-height:29px;font-size:16px;cursor:pointer}.content-container .filter-bar .sub-title .sub-title-class .iconfont{font-size:14px;margin:0 5px}.content-container .filter-bar #select_industry{position:relative;display:inline-block;height:25px;margin:2px 0 0 10px;border:1px solid #dcdcdc;border-radius:4px;background-color:#fff;font-size:14px;color:#7e7e7e;cursor:pointer}.content-container .filter-bar #select_industry span{display:inline-block;text-align:center}.content-container .filter-bar #select_industry.active #industry-dropdown img{transform:rotate(180deg)}.content-container .filter-bar #select_industry #active-industry{height:100%}.content-container .filter-bar #select_industry #active-industry .iconfont{margin-right:5px;font-size:12px}.content-container .filter-bar #select_industry #active-industry #active-industry-span{min-width:150px;padding:0 10px;line-height:27px;text-align:left}.content-container .filter-bar #select_industry #active-industry #industry-dropdown{width:30px;height:100%;border-left:1px solid #dcdcdc}.content-container .filter-bar #select_industry #active-industry #industry-dropdown:before{display:inline-block;content:"";height:100%;vertical-align:middle}.content-container .filter-bar #select_industry #active-industry #industry-dropdown img{transition:all .1s ease-in-out;vertical-align:middle}.content-container .filter-bar #select_industry #industry-list{display:block;position:absolute;top:37px;left:-1px;right:-1px;height:0;margin:0;background:#fff;list-style:none;transition:height .1s ease-in-out;z-index:10}.content-container .filter-bar #select_industry #industry-list li{padding:10px;background:#fff;border:1px solid hsla(0,0%,86%,.2);border-top:0}.content-container .filter-bar #select_industry #industry-list li a{font-weight:500;color:#7e7e7e}.content-container .filter-bar #select_industry #industry-list li a:hover{color:#fff}.content-container .filter-bar #select_industry #industry-list li:hover{background:#86adbf}.content-container .rec-template .tpl-list-content .tpl-list{display:-ms-flexbox;display:flex;background:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl{float:none;width:250px;margin:30px 25px 0;padding:0}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl.hover .inner .tip{display:block}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl.hover .info p:first-child{color:#00bcd4}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .inner{width:100%;height:270px;box-shadow:0 0 5px 0 #e6e6e6}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .inner .thumb{height:auto}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .inner .thumb a{text-align:center}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .inner .thumb a img{max-width:100%}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .inner .tip{display:none;position:absolute;bottom:0;width:100%;line-height:50px;text-align:center;color:#fff;background:#00bcd4}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .info{font-size:16px;line-height:1.813}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .info p{position:relative;width:100%;padding:0;color:#555;background:none}.content-container .rec-template .tpl-list-content .tpl-list .ctn-tpl .info p+p{color:#00bcd4}.content-container .rec-template .tpl-list-content .pagination{margin:20px 0;text-align:center}@media (max-width:1199px){.content-container .op-list{width:100%}.neckbox .abstract{right:140px;font-size:16px}.neckbox .abstract h3{font-size:26px}}@media (max-width:1000px){.neckbox .centerbox .direct ul li{font-size:20px}.neckbox .centerbox .direct ul li a{font-size:16px}}@media (max-width:800px){.neckbox .abstract{right:20px;font-size:14px}.neckbox .abstract h3{font-size:20px}.neckbox .centerbox .direct ul li{font-size:14px}.neckbox .centerbox .direct ul li a{font-size:12px}}