section .grid1,section .grid2{overflow-x:hidden}section .bloglist,section .grid1,section .grid2,section#category,section#reward{margin-bottom:5.375rem}@media (min-width:1920px){section .bloglist,section .grid1,section .grid2,section#category,section#reward{margin-bottom:6.875rem}}@media (max-width:1200px){section .bloglist,section .grid1,section .grid2,section#category,section#reward{margin-bottom:5rem}}section#banner{position:relative}section#banner .banner_bg{position:relative;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-position:center;background-repeat:no-repeat;padding:203px 0 127px}@media (min-width:1920px){section#banner .banner_bg{padding:245px 0 137.5px}}@media (max-width:992px){section#banner .banner_bg{padding:141px 0 68px}}@media (max-width:768px){section .bloglist,section .grid1,section .grid2,section#category,section#reward{margin-bottom:4rem}section#banner .banner_bg{padding:0;background-attachment:initial}section#banner .banner_bg .search_area{position:absolute;bottom:20px}}section#banner .banner_bg .project_link{position:absolute;right:15px;bottom:15px;color:#fff;text-decoration:none}section#banner .banner_bg .project_link .title{margin-bottom:0}section#banner .banner_bg .project_link .subtitle{color:rgba(255,255,255,.6)}section#banner .banner_bg .project_link .learn{display:flex;align-items:center}section#banner .search_area{position:relative;width:100%;left:0}section#banner .search_area .container{position:relative;z-index:1}section#banner .search_area .title{color:#fff;margin-bottom:22px}section#banner .search_card{background-color:#fff;padding:40px 35px;width:100%;display:inline-flex;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}@media (max-width:768px){section#banner .banner_bg .project_link{opacity:0;right:0;bottom:0;width:100%;height:100%}section#banner .search_card{box-shadow:none;padding:30px 25px}}@media (min-width:1200px) and (max-width:1919px){section#banner .search_card{max-width:445px}}section#banner .search_card form{width:100%}section#banner .search_card form .searchbar{position:relative}section#banner .search_card form .searchbar i{position:absolute;padding:14px}section#banner .search_card form .searchbar input{width:100%;padding-left:45px;border-radius:3px}section#banner .search_card form .searchbar .keyword_startpage{position:absolute;width:100%;top:100%;list-style:none;padding:0;margin-bottom:0;background:#fff;z-index:1}section#banner .search_card form .searchbar .keyword_startpage li{padding:10px 17px 10px 45px}section#banner .search_card form .searchbar .keyword_startpage li:hover{background:#ebeff2}section#banner .search_card form .form-control{font-size:17px;padding:13px 18px;border:1px solid #d2d5d9;margin-bottom:20px;color:#0c0d0d}section#banner .search_card form .form-control:focus{outline:0;box-shadow:none}section .bloglist .blog a:hover .blog_img,section .grid1 .project .project_link:hover .project_img,section .grid2 .project a:hover .project_img,section .news a:hover .news_img,section#category .category:hover{box-shadow:0 8px 34px -5px rgba(0,0,0,.3)}section#banner .search_card form .select{position:relative;width:50%;display:inline-block}section#banner .search_card form .select.active label{transform:translateY(-40%) scale(.75);transform-origin:left}section#banner .search_card form .select.active select.form-control{border:1px solid #8F6C2A}section#banner .search_card form .select i{position:absolute;right:14px;top:14px;pointer-events:none}section#banner .search_card form .select select.form-control{display:inline-flex;height:auto;-webkit-appearance:none;padding:21px 18px 5px}section#banner .search_card form .select:nth-child(even) select{border-radius:3px 0 0 3px}section#banner .search_card form .select:nth-child(odd) select{border-radius:0 3px 3px 0;border-left:none}section#banner .search_card form .select label{position:absolute;left:18px;top:13px;color:#adb0b3;transition:.3s ease;pointer-events:none}section#banner .search_card form .more{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px;text-decoration:none;color:#8F6C2A}section#banner .search_card form .more i{pointer-events:none}section#banner .search_card form .more:hover{color:#80622B}section#banner .search_card form .submit{background-color:#8F6C2A;color:#fff;margin-bottom:0;border:none}section .grid1 .project .designer_link .designer .portrait:before,section .grid1 .project .project_link .project_img:after,section .grid2 .project .project_img:after{border:1px solid rgba(0,0,0,.1);content:'';left:0;bottom:0;right:0}section .grid1 .swiper-button-next,section .grid1 .swiper-button-prev{top:150px}section .grid1 .project{width:100%}section .grid1 .project .project_link .project_img{height:300px;overflow:hidden;position:relative;transition:.3s ease}@media (min-width:1920px){section .grid1 .swiper-button-next,section .grid1 .swiper-button-prev{top:210px}section .grid1 .project .project_link .project_img{height:420px}}@media (max-width:1200px){section .grid1 .project .project_link .project_img{height:224px}}@media (max-width:768px){section .grid1 .project .project_link .project_img{height:255px}}@media (max-width:576px){section .grid1 .project .project_link .project_img{height:228px}}section .grid1 .project .project_link .project_img:after{top:0;position:absolute;border-radius:3px}section .grid1 .project .project_link .project_img img{height:100%;width:100%;object-fit:cover;object-position:center}section .grid1 .project .project_link .project_content{display:flex;flex-direction:column}section .grid1 .project .project_link .project_content .category{color:#8F6C2A;margin-top:27px;margin-bottom:6px}section .grid1 .project .project_link .project_content .state .small_title,section .grid2 .project .project_content .name{color:#888a8c}section .grid1 .project .project_link .project_content h4{display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}section .grid1 .project .project_link .project_content .state{display:flex;flex-direction:row;margin:19px 0}section .grid1 .project .project_link .project_content .state div{width:33%;padding:13px 0}section .grid1 .project .project_link .project_content .state div p{margin-bottom:0;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical;font-size:16px}section .grid1 .project .project_link .project_content .state div:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}section .grid1 .project .designer_link:hover .portrait::before{background-color:rgba(0,0,0,.1)}section .grid1 .project .designer_link .designer{display:flex;flex-direction:row;justify-content:center;align-items:center}section .grid1 .project .designer_link .designer .portrait{overflow:hidden;position:relative;width:43px;height:43px}section .grid1 .project .designer_link .designer .portrait:before{top:0;position:absolute;border-radius:999px}section .grid1 .project .designer_link .designer img{width:100%;height:100%;object-fit:cover;object-position:center}section .grid1 .project .designer_link .designer .name{margin-left:10px}section .grid2 .swiper-button-next,section .grid2 .swiper-button-prev{top:105.5px}section .grid2 .project{width:100%}section .grid2 .project .project_img{height:211px;overflow:hidden;position:relative;transition:.3s ease}@media (min-width:1920px){section .grid2 .swiper-button-next,section .grid2 .swiper-button-prev{top:170px}section .grid2 .project .project_img{height:340px}}@media (max-width:1200px){section .grid2 .project .project_img{height:174px}}@media (max-width:576px){section .grid2 .project .project_img{height:163px}}section .grid2 .project .project_img:after{top:0;position:absolute;border-radius:3px}section .grid2 .project .project_img img{height:100%;width:100%;object-fit:cover;object-position:center}section .grid2 .project .project_content{text-align:left}section .grid2 .project .project_content .project_title{margin-top:20px;min-height:52px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}section#category .category{border:1px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:2rem;transition:.3s ease;height:183px}section#category .category img{width:70px}@media (min-width:1920px){section#category .category{height:217px}section#category .category img{width:96px}}@media (max-width:1200px){section#category .category{height:140px}section#category .category img{width:56px}}@media (max-width:992px){section#category .category{height:100px}section#category .category img{width:40px}}@media (max-width:768px){section#category .category{height:135px}section#category .category img{width:58px}}section#category .category .large{margin-top:20px;margin-bottom:0}section .news a .news_img{transition:.3s ease;height:220px;overflow:hidden;position:relative}@media (min-width:1920px){section .news a .news_img{height:340px}}@media (max-width:1200px){section .news a .news_img{height:182px}}@media (max-width:768px){section .news a .news_img{height:132px}}@media (max-width:576px){section .news a .news_img{height:200px}}section .news a .news_img:before{content:'';left:0;right:0;top:0;bottom:0;position:absolute;border:1px solid rgba(0,0,0,.1);border-radius:3px}section .news a .news_img img{height:100%;width:100%;object-fit:cover;object-position:center}section .news a .news_content{margin:18px 0}section .news a .news_content .category{padding:4px 18px;border:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.4);display:inline-block;text-decoration:none;margin-bottom:9px}section .news a .news_content .title{color:#0c0d0d}section .news a .news_content .content{color:#4a4b4d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}section .news a .news_content .date{color:#888a8c}section .more_m{margin:2rem 0;border:1px solid #8F6C2A;padding:12px;justify-content:center;text-decoration:none;color:#8F6C2A}section#reward .reward_bg{background-position:center 34%;background-size:cover;background-repeat:no-repeat;position:relative;color:#fff;padding:3rem 3rem 200px}@media (max-width:1200px){section#reward .reward_bg{padding-bottom:148px}}@media (max-width:768px){section#reward .reward_bg{padding-bottom:3rem;padding-top:180px}section#reward .reward_bg .link{width:100%;text-align:center}}section#reward .reward_bg:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);border-radius:3px}section#reward .reward_bg .link{padding:12px 45px;border:1px solid #fff;color:#fff;background-color:rgba(0,0,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:inline-block;text-decoration:none}section#reward .reward_bg .link:hover{background-color:rgba(0,0,0,.8)}section .more{margin-bottom:33px;display:flex;color:#8F6C2A;text-decoration:none;align-items:center}section .bloglist .blog{margin-bottom:45px}section .bloglist .blog a .blog_img{height:300px;overflow:hidden;position:relative;transition:.3s ease}@media (max-width:1200px){section .bloglist .blog a .blog_img{height:270px}}@media (max-width:576px){section .bloglist .blog a .blog_img{height:200px}}section .bloglist .blog a .blog_img:before{content:'';left:0;right:0;top:0;bottom:0;position:absolute;border:1px solid rgba(0,0,0,.1);border-radius:3px}section .bloglist .blog a .blog_img img{height:100%;width:100%;object-fit:cover;object-position:center}section .bloglist .blog a .blog_img i{display:none;width:62px;height:62px;background:rgba(0,0,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);justify-content:center;align-items:center;font-size:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}section .bloglist .blog a .blog_img_small{height:270px;overflow:hidden;position:relative;transition:.3s ease}@media (max-width:1200px){section .bloglist .blog a .blog_img_small{height:210px}}@media (max-width:576px){section .bloglist .blog a .blog_img_small{height:106px}}section .bloglist .blog.video .blog_img i{display:flex}section .bloglist .blog .blog_content{margin-top:18px}@media (max-width:767px){section .bloglist .blog .blog_content{margin-top:12px}}section .bloglist .blog .blog_content .category{padding:4px 18px;border:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.4);display:inline-block;text-decoration:none;margin-bottom:9px}section .bloglist .blog .blog_content .title{color:#0c0d0d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}section .bloglist .more_m{margin:2rem 0;border:1px solid #8F6C2A;padding:12px;justify-content:center;text-decoration:none;color:#8F6C2A}section#reserve .container-fluid,section#reserve .container-fluid .row div{padding-left:0;padding-right:0}section#reserve{position:relative}section#reserve .container-fluid .row{margin-left:0;margin-right:0}section#reserve .container-fluid .row .pull-right{left:auto;right:0;position:absolute;top:0;height:100%}@media (max-width:767px){section#reserve .container-fluid .row .pull-right{height:380px;position:relative}}@media (max-width:575px){section#reserve .container-fluid .row .pull-right{height:240px}}section#reserve .container-fluid .row .pull-right img{height:100%;width:100%;object-fit:cover;object-position:center}section#reserve .container-fluid .row .pull-left{float:left}section#reserve .container-fluid .row .pull-left .content_bg{background-repeat:no-repeat;background-position:right bottom;background-color:#8F6C2A;color:#fff}section#reserve .container-fluid .row .pull-left .content_bg .reserve_content{padding:180px 100px;margin:auto;max-width:800px}@media (max-width:1200px){section#reserve .container-fluid .row .pull-left .content_bg .reserve_content{padding:153px 110px}}@media (max-width:992px){section#reserve .container-fluid .row .pull-left .content_bg .reserve_content{padding:103px 76px}}@media (max-width:768px){section#reserve .container-fluid .row .pull-left .content_bg .reserve_content{padding:63px 24px}section#reserve .container-fluid .row .pull-left .content_bg .reserve_content .link{width:100%;text-align:center}}section#reserve .container-fluid .row .pull-left .content_bg .reserve_content .content{color:rgba(255,255,255,.65)}section#reserve .container-fluid .row .pull-left .content_bg .reserve_content .link{padding:12px 45px;color:#8F6C2A;background-color:#fff;display:inline-block;text-decoration:none}