@color:#ef9c0e; .text-center{ text-align:center; } .text-upper{ text-transform:uppercase; } h5{ font-size:16px; font-weight:bold; span{ color:@color; } } .row{ padding:15px 0px; &:after{ content:" "; display:table; clear:both; width:100%; } } .box_sizing{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } .cercile(@width){ width:@width; height:@width; line-height:@width; background-color:@color; color:#fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display:inline-block; .text-center; } img{ max-width:100%; } .container{ padding:30px 0px 15px; } .over_title{ font-size:22px; margin:15px auto; padding-bottom:15px; position:relative; line-height:26px; .text-center; .text-upper; span{ color:@color; } &:after{ content:" "; display:block; width:30px; height:3px; background:@color; position:absolute; bottom:0px; left:calc(50% - 15px); } } .over_sub_title{ font-size:20px; margin:15px auto; .text-center; &.with_icon{ position:relative; padding-left:65px; text-align:left; line-height:50px; img{ position:absolute; left:0px; top:0px; } } } .content_text{ margin:15px auto; p{ margin:15px auto; } } .full_width{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; margin-left:-100%; margin-right:-100%; padding-left:100%; padding-right:100%; } .with_bg{ background-size:cover; background-position:center; } .over_button{ display:inline-block; padding:10px 20px; background-color:@color; color:#fff; font-size:17px; margin:8px; i{ margin-right:5px; } &.white{ background-color:#fff; color:@color; } } .num_list{ position:relative; padding-left:70px; padding-top:5px; padding-bottom:5px; span{ .cercile(50px); position:absolute; top:25px; left:0px; } } .fangfu{ p{ color:#fff; } .full_width{ padding-top:10px; padding-bottom:10px; } } .col_3{ width:50%; float:left; margin-bottom:15px; padding:5px; .box_sizing; .text-center; p{ font-weight:bold; } } .sss{ .num_list{ position:relative; padding-left:50px; padding-top:5px; padding-bottom:5px; span{ .cercile(30px); position:absolute; top:16px; left:0px; } } } .application{ .img_container{ border-bottom:4px solid @color; position:relative; img{ vertical-align:bottom; } &:after{ display:inline-block; content:" "; position:absolute; border:8px solid @color; bottom:-20px; left:calc(50% - 8px); border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent; } } } .why_us{ .over_title{ margin-left:-12px; margin-right:-12px; background-color:#333333; padding-top:20px; color:@color; &:after{ display:none; } } .full_width.choose{ .img_container{ margin-left:-12px; margin-right:-12px; margin-top:-30px; } .over_sub_title{ color:#fff; } .content_text p{ color:#fff; } } } .row.control{ .col_3{ width:100%; } h5{ color:@color; } } .row.service{ .col_3{ width:100%; *{ text-align:left; } } } .over_service_list li{ text-align:left; span{ .cercile(20px); margin-right:10px; text-align:center !important; } } .zt_contact_info_list li{ position:relative; padding-left:70px; min-height:75px; span{ .cercile(60px); font-size:25px; background-color:#333333; color:@color; position:absolute; left:0px; } }