/* 보안 서비스 추천 */ #svc_recommand .con{padding:100px 0} #svc_recommand #sub1 .tab>h2{font-size:18px;font-weight:600;color:#222;margin-bottom: 20px;} #svc_recommand #sub1 .tab>ul{margin-bottom:30px} #svc_recommand #sub1 .tab>ul>li{width:23%;border:1px solid transparent;background:#f1f5f6;color:#4f4f4f;float:left;position: relative;margin-right: 20px;border-radius: 8px;text-align: center;height:50px;line-height: 50px;cursor: pointer;font-weight:400;font-size:17px} #svc_recommand #sub1 .tab>ul>li:last-child{margin-right: 0} #svc_recommand #sub1 .tab>ul>li.on{border-color:#28518f;color:#28518f;font-weight:600} #svc_recommand #sub1 .tab>ul>li::after{content:'✔';font-size: 17px;width: 40px;height: 40px;text-align: center;position: absolute;left: 20px;top:0;} #svc_recommand #sub1 .tab>ul>li.on::after{color:#28518f} #svc_recommand #sub1 .tab .content-box .content{display: none;} #svc_recommand #sub1 .inner .left_box{width:75%;position: relative;} #svc_recommand #sub1 .inner .left_box>button.btn_reset{position: absolute;right:20px;top:-10px;width:150px;background:#f1f5f6;height: 40px;border:1px solid #e1e1e1;color:#4f4f4f;border-radius: 100px;} #svc_recommand #sub1 .inner .left_box>button.btn_reset>i{color:#28518f} #svc_recommand #sub1 .cont {margin-bottom: 30px;} #svc_recommand #sub1 .cont h2{font-size:18px;font-weight:600;color:#222;margin-bottom: 20px;} #svc_recommand #sub1 .cont ol li{width:32%;float:left;position: relative;margin-right: 15px;text-align: center;height:50px;line-height: 50px;cursor: pointer;font-weight:400;font-size:17px;margin-bottom: 15px;} #svc_recommand #sub1 .cont ol li:nth-child(3n){margin-right: 0} #svc_recommand #sub1 .cont ol li input[type=radio]{display: none;} #svc_recommand #sub1 .cont ol li input[type=checkbox]{display: none;} #svc_recommand #sub1 .cont ol li input + label::after{content:'✔';font-size: 17px;width: 40px;height: 40px;text-align: center;position: absolute;left: 20px;top:0;} #svc_recommand #sub1 .cont ol li input:checked + label::after{color:#28518f} #svc_recommand #sub1 .cont ol li label{display: block;width:100%;height: 100%;cursor: pointer;border:1px solid transparent;color:#4f4f4f;background:#f1f5f6;border-radius: 8px;} #svc_recommand #sub1 .cont ol li input:checked+label{border-color:#28518f;color:#28518f;font-weight:600;} #svc_recommand #sub1 .btn_result{width: 100%;height:50px;background:#393939;color:#fff;font-size: 16px;border-radius: 8px} #svc_recommand #sub2{display: none;} #svc_recommand #sub2 .inner .left_box{width:75%;position: relative;float:left;} /* #svc_recommand #sub2 .inner .left_box .itembox{padding:20px 0;} */ #svc_recommand #sub2 .inner .left_box .itembox .item{border:1px solid #e1e1e1;border-radius: 8px;padding:30px;position: relative;margin-bottom: 15px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_img{width: 30%;float:left;padding-right: 20px;text-align: center;box-sizing: border-box;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_img img{width:70%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_img img:last-child{margin-top: 15px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail{width:70%;float:left;} #svc_recommand #sub2 .inner .left_box .itembox .item.control_item .item_detail{width: 100%;float: inherit;} #svc_recommand #sub2 .inner .left_box .itembox .item.control_item .item_detail .full_detail{width:100%;border:none;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail h3{font-size:24px;font-weight:600;color:#222;margin-bottom: 10px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail h3 small{font-weight: 400;font-size:14px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail>h5{font-size: 18px;font-weight:600;margin-bottom: 15px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail>p{font-size: 16px;font-weight:400;line-height: 18px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail button{position: absolute;top: 30px;right: 30px;background:#393939;color:#fff;font-size: 14px;border-radius: 8px;width: 120px;height: 35px;line-height: 33px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail>span{display: block; width:200px;padding:0 20px;text-align: center;background:#00a1ff;color:#fff;border-radius:50px;height: 30px;line-height: 30px;margin-bottom: 20px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl{width:48%;margin-right: 15px;float:left;box-sizing: border-box;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl:last-child{margin-right:0;padding-left:15px;border-left:1px solid #e1e1e1} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl:after{content:'';display: block;clear:both;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dt{width:50%;font-weight:600;color:#222;font-size:15px;float:left;margin-bottom: 15px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dd{width:50%;font-weight:400;color:#222;font-size:15px;float:left;margin-bottom: 15px} #svc_recommand #sub2 .inner .left_box .itembox .item.control_item .item_detail dl dt{width:10%;font-weight:600;color:#28518f;font-size:17px;float:left;margin-bottom: 15px} #svc_recommand #sub2 .inner .left_box .itembox .item.control_item .item_detail dl dd{width:90%;font-weight:400;color:#222;font-size:15px;float:left;margin-bottom: 15px;height: 21px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item .item_detail dl dt{width:30%;font-weight:600;color:#28518f;font-size:20px;float:left;margin-bottom: 25px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item .item_detail dl dd{width:70%;font-weight:400;color:#222;font-size:15px;float:left;margin-bottom: 25px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dt:nth-last-child(2),#svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dd:last-child{margin-bottom: 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dd sub{vertical-align: top;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view{display: none;margin-top:30px;border:1px solid #e1e1e1;border-radius: 8px;position: relative;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .inner{padding:30px 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .tit_s2 p{width:76%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .feature ul{display: flex;justify-content: center;margin-bottom: 30px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .feature ul li{width:16%;box-sizing:border-box;padding:5px;text-align: center;float:left;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .feature ul li img{width:60%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .feature ul li p{font-size: 14px;font-weight:500;color:#222;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect{margin-top: 30px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul{padding:30px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li{width:25%;padding:10px 0 25%;text-align: center;float:left;box-sizing:border-box;position: relative;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li .box{position: absolute;top:0;left:0;width: 100%;height: 100%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li p.num{position: absolute;font-size:27px;font-weight:600;color:#616161;top: 20px;left: 20px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li .icon{width: 80%;height:77%;border-radius: 100%;background:#f1f5f6;text-align: center;display: flex;flex-direction: column;justify-content: center;font-size: 50px;color: #28518f;margin:10px auto;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li h5{font-size:15px;font-weight:600;color:#222;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .btn_moreLink{width: 95%;margin: 20px 20px 0;border-radius: 100px;border:1px solid #393939;color:#393939;text-align: center;height: 40px;line-height: 40px;font-size: 15px;display: block;box-sizing: border-box;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .btn_moreLink:hover{background:#393939;color:#fff;} #svc_recommand #sub2 .inner .left_box .btn_box{margin-top: 20px;} #svc_recommand #sub2 .inner .left_box .btn_box button{width:49%;margin-right: 15px;height:50px;line-height: 50px;text-align: center;font-size: 16px;border-radius: 8px;background:#393939;color:#fff;} #svc_recommand #sub2 .inner .left_box .btn_box a{width:49%;display: inline-block;height:50px;line-height: 50px;text-align: center;font-size: 16px;border-radius: 8px;background:#28518f;color:#fff;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul{padding:0 25px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul li{width:48%;padding:15px;position: relative;margin-right: 15px;background:#f1f5f6;box-sizing: border-box;float:left;margin-bottom: 15px;box-sizing: border-box;height:85px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control.acronis_effect ul li{height: auto;text-align: center;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control.acronis_effect ul li h5{margin-bottom: 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul li:nth-child(2n){margin-right: 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul li h5{color:#28518f;margin-bottom: 10px;font-size: 14px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul li h5 small{color:#333} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul li p{font-size: 13px; line-height: 18px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul {padding:0 10px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li{width:24%;box-shadow: 0 1px 6px rgba(60,64,67,.3);float:left;margin-right: 10px;border-radius: 8px;height: 470px;position: relative;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li:last-child{margin-right: 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li.thislevel{background:linear-gradient(90deg,rgb(7 151 175) 4%,rgb(40 81 143) 0) top/100% 34% no-repeat,linear-gradient(90deg,rgb(40 81 143) 50%,rgb(40 81 143) 0) top/100% 82% no-repeat,linear-gradient(90deg,rgb(7 151 175) 10%,rgb(151 185 237) 0) top/100% 100%} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li>div.thisbox{background:#fff;height:100%;height: 98%;margin: 5px;box-sizing: border-box;border-radius: 8px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li .tit{text-align: center;padding:30px 0;border-bottom:1px solid #e1e1e1;margin:0 20px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li .tit small{font-size:15px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li .tit h4{font-size:18px;font-weight:600;color:#222;padding:10px 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li .tit p{line-height: 18px;font-size:13px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li .detail{padding:15px;font-size:13px;line-height: 20px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li .detail b{color:#28518f} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li a{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);width:150px;text-align: center;border:1px solid #28518f;color:#28518f;border-radius: 50px;height:34px;line-height: 33px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li a:hover{background:#28518f;color:#fff;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .item_detail{width: 100%;float:inherit;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item{float:left;width:31%;margin-right: 3%;border:1px solid #e1e1e1;border-radius: 5px;min-height: 300px;position: relative;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .db_safer .price_item{width:48%;min-height: 260px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .db_safer .price_item .price_detail p{line-height: 20px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item:hover{border-color:#28518f;box-shadow: 3px 4px 5px 0px #cfcfcf} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item:last-child{margin-right: 0} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .recommand_icon{position: absolute;right: 30px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_tit{margin:20px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_tit h3{font-size: 23px;line-height: 26px;font-weight:700;color:#333} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_tit h3 img{width:130px;display: block;margin-bottom: 10px;margin-left: 3px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail{padding:0 30px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail > ul > li:after{content: '';display: block;clear: both;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail > ul > li {margin-bottom: 25px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .asm_list .price_item .price_detail{min-height: 250px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .asm_list .price_item .price_detail > ul > li {margin-bottom: 10px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .asm_list .price_item .price_detail .keyword {font-size:13px;text-align: center;margin-top: 20px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .asm_list .price_item .price_detail .keyword span {display: inline-block;padding: 0 20px;text-align: center;color: #fff;background: #28518f;margin-right: 5px;border-radius: 20px;height: 25px;line-height: 23px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .asm_list .price_item .price_detail {padding: 0 20px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .asm_list .price_item .price_detail .keyword span:last-child {margin-right: 0} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control.asm_effect ul li{height:110px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail > ul > li label {float: left;width: 75px;font-size: 16px;font-weight: 400;color: #222;font-weight: bold;text-transform:uppercase;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail > ul > li span {float: left;width: calc(100% - 75px);width: -ms-calc(100% - 75px);width: -o-calc(100% - 75px);width: -moz-calc(100% - 75px);width: -webkit-calc(100% - 75px);font-size: 14px;font-weight: 400;color: #222;letter-spacing: -0.025em;text-transform: uppercase;text-align:right;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item b{font-weight:600;font-size: 24px;color:#ff0000;text-align: center;display: inline-block;width:100%;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .dlp_list .price_item .price_detail > ul > li label{width:140px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .dlp_list .price_item .price_detail > ul > li span {width: calc(100% - 140px);width: -ms-calc(100% - 140px);width: -o-calc(100% - 140px);width: -moz-calc(100% - 140px);width: -webkit-calc(100% - 140px);} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .cloudium_list .price_item .price_detail > ul > li label{width:90px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .cloudium_list .price_item .price_detail > ul > li span {width: calc(100% - 90px);width: -ms-calc(100% - 90px);width: -o-calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .ssl_list .price_item {min-height: 388px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .ssl_list .price_item .price_tit h3 img{width: 85px;margin-bottom: 0} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .ssl_list .price_item .price_detail > ul > li label {width:90px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail > ul > li span {width: calc(100% - 90px);width: -ms-calc(100% - 90px);width: -o-calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item .price_detail > ul > li p{font-size: 14px;line-height: 18px;text-align: center;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .acronis_list .price_item{min-height: 345px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .acronis_list .price_item .price_tit h3{font-size:21px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .acronis_list .price_item .price_tit h3 img{width: 100px;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .acronis_list .price_item .price_detail p{font-size: 14px;line-height: 18px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .acronis_list .price_item .price_detail{padding:0 20px} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .item_detail{width: 100%;float:inherit;} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .txt{width:44%;margin-right: 20px;border:1px solid #e1e1e1;padding:20px;float:left;} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .txt:last-child{margin-right: 0} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .txt h5{color:#222;font-size:18px;font-weight:500;margin-bottom: 10px;padding-bottom: 10px;border-bottom:1px solid #e1e1e1;} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .txt {font-size:14px;line-height: 18px;} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .pisc_item .txt{width: 27%;min-height: 130px} #svc_recommand #sub2 .inner .left_box .itembox .item.facility_item .feature ul li{width: 30%} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail{width: 100%;float:inherit;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>img{width:100px;float:left;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>h3{margin-left: 130px;margin-top: 20px} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>span{margin-left: 130px;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul {margin-top: 60px} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li{width:23%;margin-right: 20px;border:1px solid #e1e1e1;border-radius: 20px;text-align: center;padding-bottom:23%;font-size: 18px;font-weight: bold;float:left;-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;position: relative;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li:last-child{margin-right: 0} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li:hover{color:#28518f;border-color:#28518f;box-shadow: 5px 5px 25px rgb(40 81 143 / 25%);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li div img{width:57%;margin-bottom: 10px} #svc_recommand #sub2 .inner h2{font-size:18px;font-weight:600;color:#222;margin-bottom: 20px;} #svc_recommand #sub2 .inner .right_box{padding-top:37px;width:25%;position: relative;float:left;padding-left: 25px;box-sizing: border-box;} #svc_recommand #sub2 .inner .right_box h2{text-align: center} #svc_recommand #sub2 .inner .right_box .cont{border:1px solid #e1e1e1;padding:20px;width: 100%;border-radius:8px;margin-bottom: 15px;box-sizing: border-box;} #svc_recommand #sub2 .inner .right_box .cont a img{width: 100%} /* #svc_recommand #sub2 .inner .right_box .cont:first-child{padding:0;border:none;} */ /* #svc_recommand #sub2 .inner .right_box .cont:first-child>a{display: block;width: 100%;height:100%;padding:20px;border:1px solid #e1e1e1;border-radius:8px;box-sizing: border-box;} */ #svc_recommand #sub2 .inner .right_box .cont p{border-radius: 100px;height: 40px;line-height: 40px;background:#393939;color:#fff;text-align: center;margin: 10px 0;} /* #svc_recommand #sub2 .inner .right_box .cont:first-child img{display: block;width:60%;margin:20px auto 0;} */ #svc_recommand #sub2 .inner .right_box .cont ol li{height: 70px;margin-bottom: 10px;border-radius: 8px;background:#f1f5f6;} #svc_recommand #sub2 .inner .right_box .cont ol li a{display: flex;align-items: center;width: 100%;height: 100%;padding:10px;box-sizing: border-box;position: relative;font-size: 15px;font-weight: 600;color:#222;} #svc_recommand #sub2 .inner .right_box .cont ol li img{width:50px;height:50px;margin-right: 15px} #svc_recommand #sub2 .inner .right_box .cont ol li a i{position: absolute;right: 20px;top:50%;transform: translateY(-50%);color:#28518f} #svc_recommand #sub2 .inner .right_box .cont ol li:last-child{margin-bottom: 0} @media screen and (max-width:1255px){ #svc_recommand #sub2 .inner .left_box .btn_box button{margin-right: 13px} } @media screen and (max-width:1240px){ #svc_recommand #sub2 .inner .left_box .itembox .item .item_img{width:25%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail{width:75%;} } @media screen and (max-width:1160px){ #svc_recommand #sub1 .inner .left_box{width:100%;} #svc_recommand #sub2 .inner .left_box{width:100%;} #svc_recommand #sub2 .inner .right_box{width: 100%;padding-left: 0} #svc_recommand #sub2 .inner .left_box .btn_box button{width:48%;} #svc_recommand #sub2 .inner .left_box .btn_box a{width:48%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .tit_s2 p{width: 89%;font-size:14px;margin:0 20px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li{width:48%;margin-bottom: 15px} } @media screen and (max-width:900px){ #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dt{width:60%} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl dd{width:40%} #svc_recommand #sub1 .tab>ul>li,#svc_recommand #sub1 .cont ol li{margin-right: 10px;} } @media screen and (max-width:780px){ #svc_recommand #sub1 .tab>ul>li::after,#svc_recommand #sub1 .cont ol li input + label::after{left: 10px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_img{display: none;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail{width:100%;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .db_safer .price_item{width:100%;margin-bottom: 15px;box-sizing: border-box;} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .price_item{width:100%;margin-right: 0;margin-bottom: 15px;box-sizing: border-box;} #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .txt{width:100%;margin-right: 0;margin-bottom: 15px;box-sizing: border-box;} /* #svc_recommand #sub2 .inner .left_box .itembox .item.consulting_item .pisc_item .txt{width:100%;margin-right: 0;margin-bottom: 15px;box-sizing: border-box;} */ #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li{width:46%;padding-bottom: 46%;margin-bottom: 15px;box-sizing: border-box;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect_control ul li{width: 100%;margin-right: 0;height: auto;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .btn_moreLink{width:88%} } @media screen and (max-width:780px){ #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .btn_moreLink{width:88%} } @media screen and (max-width:680px){ #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .feature ul{flex-wrap: wrap} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .feature ul li{width:33%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li{width:50%;padding-bottom: 50%;margin-bottom: 15px;} } @media screen and (max-width:680px){ #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .svc_control ul li{width:100%;margin-right: 0} } @media screen and (max-width:600px){ #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl{width:100%;margin-bottom: 15px} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail dl:last-child{border-left: none;padding-left: 0} #svc_recommand #sub1 .tab>ul>li,#svc_recommand #sub1 .cont ol li label{font-size:14px;} #svc_recommand #sub1 .tab>ul>li::after,#svc_recommand #sub1 .cont ol li input + label::after{left: 0;} } @media screen and (max-width:560px){ #svc_recommand #sub2 .inner h2{margin-left: 20px} #svc_recommand #sub1 .tab>ul>li,#svc_recommand #sub1 .cont ol li{width:47%;margin-bottom:10px} #svc_recommand #sub1 .tab>ul>li:nth-child(2n),#svc_recommand #sub1 .cont ol li:nth-child(2n){margin-right: 0} #svc_recommand #sub1 .cont ol li:nth-child(3n){margin-right: 10px;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul>li{width:44%;padding-bottom: 44%;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>img{display: none;} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>h3{margin-left: 0} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>span{margin-left: 0} #svc_recommand #sub2 .inner .left_box .itembox .item.iso_item .item_detail>ul{margin-top: 30px} #svc_recommand #sub2 .inner .left_box .itembox .item.solution_item2 .db_safer .price_item{min-height:280px} #svc_recommand #sub2 .inner .left_box .btn_box button{width:47%;} #svc_recommand #sub2 .inner .left_box .btn_box a{width:47%;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_view .effect ul li h5{font-size:12px;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail h3 small{display: none;} #svc_recommand #sub2 .inner .left_box .itembox .item .item_detail>span{width:135px} }