@charset "utf-8";@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0}body{color:#333;font-weight:400;position:relative}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}em,i{font-style:normal}ol,ul{list-style:none}img{border:none;display:block;height:auto}a{text-decoration:none;background:0 0;cursor:pointer}a:hover{text-decoration:none}@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.ttf)}@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.ttf)}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.case_list{font-family:Roboto-Regular}.case_list .no-gutters{margin-right:-10px;margin-left:-10px}.case_list .no-gutters>.col,.case_list .no-gutters>[class*=col-]{padding-right:10px;padding-left:10px}.case_list .container-fluid{padding-left:0;padding-right:0}.case_list .case_list_banner a{display:block;width:100%;height:100%}.case_list .aggr{padding-top:80px;padding-bottom:80px}.case_list .aggr .aggr_x .inner{width:100%;height:100%;background:url(../images/caselist/2_aggregate_bg.jpg) left top repeat;background-color:#f0f0f4;background-size:cover;padding:40px}.case_list .aggr .aggr_x .inner h1{font-family:Roboto-Bold;font-size:36px;line-height:1;color:#fff}.case_list .aggr .aggr_x .inner p{font-size:16px;line-height:24px;color:#fff;margin-top:16px}.case_list .aggr .aggr_x .inner ul{margin-top:36px}.case_list .aggr .aggr_x .inner ul li{width:320px;height:60px}.case_list .aggr .aggr_x .inner ul li:not(:last-child){margin-bottom:20px}.case_list .aggr .aggr_x .inner ul li a{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;font-size:20px;line-height:24px;color:#fff;border-radius:4px;border:solid 1px #d5d5d5}.case_list .aggr .aggr_x .inner ul li a span{width:26px;height:16px;background:url(../images/caselist/3_ico.png) center no-repeat}.case_list .aggr .aggr_x .inner ul li a:hover{background-color:#f90;border:solid 1px #f90}.case_list .aggr .aggr_list li{margin-top:20px}.case_list .aggr .aggr_list li a{display:block;background-color:#f0f0f4}.case_list .aggr .aggr_list li a p{height:78px;width:100%;font-size:20px;line-height:24px;color:#525a66;padding:16px 10px}.case_list .aggr .aggr_list li a p span{font-size:20px;color:#3671cf;font-family:Roboto-Bold}.case_list .aggr .aggr_list li a:hover{background-color:#deecf9}.case_list .metal{padding-top:40px;padding-bottom:80px;background-color:#f0f0f4}.case_list .metal .metal_x div:nth-child(2){font-size:0;padding-top:20px;text-align:right}.case_list .metal .metal_x div:nth-child(2) a{display:inline-block;width:280px;height:60px;background-color:#f90;border-radius:4px;line-height:60px;text-align:center;color:#fff;font-size:20px}.case_list .metal .metal_x div:nth-child(2) a:hover{background-color:#f70}.case_list .metal .metal_x h2{font-family:Roboto-Bold;font-size:36px;line-height:1;color:#000}.case_list .metal .metal_x p{margin-top:16px;font-size:16px;line-height:24px;color:#525a66}.case_list .metal .swiper{margin-top:36px}.case_list .metal .swiper .swiper-slide{width:380px}.case_list .metal .swiper .swiper-slide a{display:block;width:100%}.case_list .metal .swiper .swiper-slide a:hover{background-color:#fff}.case_list .metal .swiper .swiper-slide a P{font-size:20px;color:#525a66;height:60px;line-height:60px;text-align:center}.case_list .metal .swiper .swiper-slide a P span{font-size:20px;color:#3671cf;font-family:Roboto-Bold}.case_list .metal .swiper .swiper-slide-active a{background-color:#fff}.case_list .mine{padding-top:60px;padding-bottom:80px}.case_list .mine .mine_list .mine_x{background:url(../images/caselist/12_grinding_bg.jpg) top left repeat;width:100%;height:100%;background-color:#f0f0f4;background-size:cover;padding:37px}.case_list .mine .mine_list .mine_x h2{font-family:Roboto-Bold;font-size:36px;line-height:1;color:#fff}.case_list .mine .mine_list .mine_x p{font-size:16px;line-height:24px;color:#fff;margin-top:16px}.case_list .mine .mine_list .mine_x a{display:block;width:270px;height:60px;background-color:#f90;border-radius:4px;text-align:center;color:#fff;font-size:20px;line-height:60px;margin-top:30px}.case_list .mine .mine_list .mine_x a:hover{background-color:#f70}.case_list .mine .mine_list li{margin-top:20px}.case_list .mine .mine_list li a{display:block;background-color:#f0f0f4}.case_list .mine .mine_list li a p{height:60px;width:100%;font-size:20px;line-height:60px;color:#525a66;text-align:center}.case_list .mine .mine_list li a p span{font-size:20px;color:#3671cf;font-family:Roboto-Bold}.case_list .mine .mine_list li a:hover{background-color:#deecf9}.case_list .mine .mine_more{margin-top:40px}.case_list .mine .mine_more a{display:flex;justify-content:center;align-items:baseline;margin-left:auto;margin-right:auto;width:380px;height:40px;border-radius:4px;border:solid 1px #d5d5d5;font-size:16px;line-height:38px;color:#3671cf}.case_list .mine .mine_more a span{width:12px;height:12px;background:url(../images/caselist/17_ico.png) center no-repeat;background-size:100%;margin-left:18px}.case_list .mine .mine_more a:hover{color:#fff;background-color:#3671cf;border:solid 1px #3671cf}.case_list .mine .mine_more a:hover span{background:url(../images/caselist/18_ico.png) center no-repeat}.product_form{background-color:#f0eff4}.product_form h3{font-size:30px;font-weight:700;margin-bottom:20px}body>section{padding-top:0;padding-bottom:60px;position:relative}@media (min-width:1210px){.case_list .container{width:1210px}}@media (min-width:992px) and (max-width:1209.98px){.case_list .mine .mine_list .mine_x{padding:20px}.case_list .mine .mine_list .mine_x a{margin-top:28px}.case_list .mine .mine_list li a p{height:78px;width:100%;line-height:24px;padding:16px 10px;text-align:left}}@media (min-width:768px) and (max-width:991.98px){.case_list .metal .metal_x div:nth-child(2){text-align:left}}@media (max-width:767.98px){.case_list .col-xs-12{background:0 0}.case_list .aggr{padding-top:30px;padding-bottom:60px}.case_list .aggr .aggr_x .inner{padding:20px 12px}.case_list .aggr .aggr_list img{width:100%}.case_list .metal .metal_x div:nth-child(2){text-align:left}.case_list .metal .swiper .swiper-slide{width:370px}.case_list .mine .mine_list .mine_x{padding:20px}.case_list .mine .mine_list .mine_x a{margin-top:20px}.case_list .mine .mine_list li a p{height:78px;width:100%;line-height:24px;padding:16px 10px;text-align:left}.case_list .mine .mine_list li img{width:100%}.case_list .mine .mine_more a{width:320px}}