/* =========================================================
   华洋网络 响应式适配层 responsive.css
   原则：≥1200px 保持原 PC 版式不变；
        ≤1199px 平板横屏逐步流式；≤991px 平板竖屏/大手机启用汉堡菜单与栏目堆叠；
        ≤767px 手机单列；≤560px 小屏完全单列。
   本文件必须放在所有原有 CSS 之后加载（模板中位于 </head> 前）。
   ========================================================= */

/* ---------- 通用 ---------- */
.resp-fl-wrap::after{content:"";display:block;clear:both;}

/* =========================================================
   ≤ 1199px ：小屏 PC / 平板横屏，容器变流式
   ========================================================= */
@media (max-width:1199px){
    html{min-width:0 !important;}
    body{min-width:0 !important;overflow-x:hidden;}
    .w1200{width:auto !important;max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px;box-sizing:border-box;}
    /* 导航略收紧 */
    ul.nav li{margin-left:18px !important;}
    /* 内容区图片与表格不撑破容器 */
    .ndbox img,.newdec img,.article-content img{max-width:100%;height:auto;}
    .about_section1{min-width:0 !important;}
}

/* =========================================================
   ≤ 991px ：平板竖屏 / 大屏手机
   ========================================================= */
@media (max-width:991px){

    /* ---------- 顶部导航 ---------- */
    body{padding-top:60px;}
    /* 页面内嵌样式给 #luxy 的 80px 占位清零（body 的 60px 已为固定头部留位，双层会露出深色底） */
    #luxy{padding-top:0 !important;}

    /* 无 JS 兜底：页头改为普通流，导航平铺在 Logo 下方 */
    .head{position:relative;height:auto;min-height:60px;padding-top:0;padding-bottom:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);}
    body{padding-top:0;}
    .head .logo{margin-top:0 !important;line-height:60px;float:left;padding:0 15px;}
    .head .logo img{max-height:42px;vertical-align:middle;}
    .head ul.nav{display:block;float:none;background:#fff;margin:0;padding:0 10px;text-align:center;}
    .head ul.nav li{display:inline-block;float:none;margin:0 2px;}
    .head ul.nav li a{display:inline-block;line-height:38px;height:auto;padding:0 10px;font-size:14px;}

    /* JS 可用时：固定页头 + 汉堡抽屉菜单 */
    html.js body{padding-top:60px;}
    html.js .head{position:fixed;left:0;top:0;height:60px;padding-bottom:0;}
    html.js .head > .w1200,html.js .head .inner{position:relative;height:60px;padding:0 15px;box-sizing:border-box;}
    html.js .head .logo{padding:0;line-height:60px;}
    html.js .m-nav-btn{display:block;position:absolute;right:12px;top:14px;width:34px;height:32px;padding:6px 8px;box-sizing:border-box;cursor:pointer;z-index:1001;}
    .m-nav-btn span{display:block;height:2px;background:#333;margin:5px 0;transition:all .3s;}
    .head.nav-open .m-nav-btn span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .head.nav-open .m-nav-btn span:nth-child(2){opacity:0;}
    .head.nav-open .m-nav-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

    html.js .head ul.nav{display:none;position:absolute;top:60px;left:0;width:100%;float:none;background:#fff;margin:0;padding:0;box-shadow:0 8px 12px rgba(0,0,0,.12);z-index:1000;}
    html.js .head.nav-open ul.nav{display:block;}
    html.js .head ul.nav li{display:block;float:none;margin:0;border-bottom:1px solid #f0f0f0;}
    html.js .head ul.nav li a{display:block;line-height:48px;height:48px;padding:0 20px;font-size:15px;}
    ul.nav{margin-top:0 !important;}

    /* 兼容 .header（head.htm 家族） */
    .header{position:relative;}
    .header .inner{position:relative;height:60px;padding:0 15px;box-sizing:border-box;}
    .header .inner .logo{line-height:60px;}
    .header .inner .logo img{max-height:42px;vertical-align:middle;}
    .header .top-other{display:none;}
    .header .nav{display:block;position:static;background:#fff;}
    html.js .header .nav{display:none;position:absolute;top:60px;left:0;width:100%;background:#fff;z-index:1000;box-shadow:0 8px 12px rgba(0,0,0,.12);}
    html.js .header.nav-open .nav{display:block;}
    .header .nav .menu ul li{float:none;border-bottom:1px solid #f0f0f0;}
    .header .nav .menu ul li a{display:block;line-height:48px;padding:0 20px;}
    .header .nav .menu ul li ul{display:block;position:static;width:auto;background:#fafafa;}
    .header .nav .menu ul li ul li a{padding-left:34px;line-height:40px;height:40px;}
    .search-bg{display:none;}

    /* 兼容 solution.css 的 .headban 家族（详细样式见 solution2.css，仅 /wxkf/ 系列引入） */
    .headban .hb-logo{float:left !important;}
    .headban .hb-nav li{float:none !important;}
    .headban .hb-nav li a{display:block;}

    /* ---------- 首页横幅轮播 ---------- */
    html{overflow-x:hidden;}
    .idx_bannerbox{height:400px !important;min-width:0 !important;}
    .master-slider{min-width:0 !important;height:400px !important;}
    .ms-slide{min-width:0 !important;height:400px !important;}
    .master-slider img{max-width:none !important;}
    /* 圆点导航整体居中（原 PC 负边距/right:-50% 技巧会把页面撑宽） */
    .ms-bullets.ms-dir-h{margin:0 !important;left:0 !important;right:0 !important;width:100% !important;text-align:center;}
    .ms-bullets-count{position:static !important;right:auto !important;display:inline-block;}
    .ms-bullet{float:left;}
    .idxbox-top{margin-top:-170px;}
    .idxtbg{display:none;}
    .idxbox-topcontent{height:auto !important;}
    .idxbox-topcontent .t1,.idxbox-topcontent .t2,.idxbox-topcontent .t3{
        float:none !important;width:auto !important;height:auto !important;
        padding:30px 20px !important;box-sizing:border-box;
    }
    .idxbox-topcontent .t1{text-align:left;}
    .idxbox-topcontent .t1 h4 span,.idxbox-topcontent .t1 h4 i{float:none;}
    .idxbox-topcontent .t1 h1{font-size:30px;}
    .idxbox-bottom{height:auto !important;}
    .idxbox-bottom .b1,.idxbox-bottom .b2,.idxbox-bottom .b3{
        float:none !important;width:auto !important;height:auto !important;
        padding:30px 20px !important;box-sizing:border-box;border-left:none;border-right:none;border-bottom:1px solid #efefef;
    }
    .idxbox-bottom .b2 ul li{width:31%;max-width:104px;height:auto;margin-right:2%;float:left;}
    .idxbox-bottom .b2 ul li a img{width:100%;height:auto;}
    .idxbox-bottom .b2 ul{width:auto !important;}

    /* ---------- 固定页脚改为普通流 ---------- */
    body{padding-bottom:0 !important;}
    .idxfooter{position:static !important;min-height:0;padding:30px 0;margin-top:20px;background:#181818;}
    .idxfooter .idx-footerleft{padding-left:0;}
    .idxfooter .idx-footerleft .lamp,.idxfooter .idx-footerleft .font{display:none;}
    .idxfooter .idx-footerright{float:none !important;margin-top:15px;}
    .idxfooter .idx-footerright a{display:inline-block !important;}

    /* ---------- 内页通栏标题图 ---------- */
    .top_section{height:340px !important;}
    .top_section .top_sectionbg{height:340px !important;}
    .ndbox{margin-top:-180px !important;padding-top:60px !important;}
    .ndbox h1{font-size:28px !important;}
    .ndbox h1,.ndbox h2,.ndbox h3,.ndbox p{padding-left:15px !important;padding-right:15px !important;}
    .ndbox p{padding-top:12px !important;padding-bottom:12px !important;}

    /* ---------- 内页左右分栏全部堆叠 ---------- */
    .as1_left,.as1_right,
    .as1-left-bg,.as1-right-bg,
    .as1_section_left,
    .as3-left,.as3-right,
    .fs1_left,.fs1_right,
    .newsbox,
    .jobbox,.job_listbox,
    .about_section2 .as2_teambox .fl,
    .about_section2 .as2_teambox .fr,
    .case_detail-indro .cdi-left,
    .case_detail-indro .cdi-right,
    .case-detail-wrap1 .cdm1-left1,
    .case-detail-wrap1 .cdm1-right1{
        float:none !important;width:100% !important;height:auto !important;
        position:relative !important;left:auto !important;right:auto !important;top:auto !important;
        box-sizing:border-box;
    }
    .about_introcontent,.news_introbox .news_introcontent,.service_introcontent,
    .contact_introcontent,.case_introcontent{
        position:relative !important;height:auto !important;padding:30px 15px !important;
    }
    .about_introbox > h1,.about_introbox > h2,.about_introbox > p,
    .news_introbox > h1,.contact_introbox > h1,.join_introbox > h1,.case_introbox > h1,.service_introbox > h1{
        position:relative !important;left:auto !important;right:auto !important;top:auto !important;
        opacity:1 !important;padding:10px 15px !important;
    }
    .about_introbox,.news_introbox,.contact_introbox,.join_introbox,.case_introbox,.service_introbox,.prod_introbox{
        height:auto !important;padding:20px 0 !important;
    }
    /* 面包屑/地图上绿块等 */
    .map-top{padding:15px !important;}
    .prod_introbox .w1200{height:auto !important;}

    /* 案例网格：三列变两列 */
    .prodbox,.filtr-item{width:48% !important;margin:0 1% 20px !important;height:auto !important;}
    .prodbox img,.filtr-item img{width:100%;height:auto !important;}
    .focus_introbox > ul li{width:48% !important;margin:0 1% 20px !important;height:auto !important;}
    .case2-main-list li{width:48% !important;margin:0 1% 20px !important;}
    .case2-main-list li img{width:100%;height:auto !important;}
    .service_section5 ul li{width:50% !important;margin-bottom:15px !important;height:auto !important;}
    .about_section3 ul li{width:48% !important;margin:0 1% 15px !important;height:auto !important;}
    .s2_s1list li,.s_s1list li{width:50% !important;margin-bottom:20px !important;height:auto !important;}
    .pdt_bottom ul li{width:48% !important;margin:0 1% 20px !important;}
    .rerun2 li{margin-bottom:15px !important;}

    /* 案例 tabs 可横向滚动 */
    .case-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .case-tabs ul{width:max-content;}
    .case-tabs li{white-space:nowrap;}
    .cmlb-tit,.cmlb-main{float:none !important;width:100% !important;}

    /* 分页 */
    .pagination ul li{margin-bottom:8px;}

    /* layout.css 家族左右分栏 */
    .news-box-left,.news-box-right,
    .blockbox-1-left,.blockbox-1-right,
    .contact-box-left,.footer-nav-left,.footer-contact,
    .pro-introbox-left,.pro-introbox-right,
    .zhaoshang-box2-left,.zhaoshang-box2-right{
        float:none !important;width:100% !important;margin-bottom:25px;
    }
    .footer{height:auto !important;}
    .footer p{width:auto !important;}
    .footer .inner,.footer .copyright,.footer .other{width:auto !important;padding:0 15px;box-sizing:border-box;word-break:break-all;}
}

/* =========================================================
   ≤ 767px ：手机
   ========================================================= */
@media (max-width:767px){
    .top_section{height:240px !important;}
    .top_section .top_sectionbg{height:240px !important;}
    .idx_bannerbox{height:300px !important;}
    .master-slider{height:300px !important;}
    .ms-slide{height:300px !important;}
    .idxbox-top{margin-top:-120px;}
    .ndbox{margin-top:-140px !important;padding-top:50px !important;}
    .ndbox h1{font-size:24px !important;}
    .ndbox h2{font-size:15px !important;}
    .ndbox h3{font-size:18px !important;}
    .ndbox h1,.ndbox h2,.ndbox h3,.ndbox p{padding-left:12px !important;padding-right:12px !important;}
    .newdec{font-size:15px !important;line-height:1.8 !important;}
    .article-content p{line-height:1.8 !important;}
    .idxfooter h1{font-size:22px !important;word-break:break-all;}
    .idxfooter p{width:auto !important;}
    .idxfooter .w1200{padding:0 15px;box-sizing:border-box;}
    .footer h1{font-size:22px;}

    /* 正文表格横向滚动 */
    .newdec table,.article-content table{width:100% !important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .newdec iframe,.article-content iframe,.ndbox iframe{max-width:100%;}
    .ndbox h2{word-break:break-all;}

    /* 网格全部单列（轮播 .customer_cnt 的 li 由 SuperSlide 控宽，不参与） */
    .prodbox,.filtr-item,.focus_introbox > ul li,.case2-main-list li,
    .service_section5 ul li,.about_section3 ul li,
    .s2_s1list li,.s_s1list li,.pdt_bottom ul li{
        width:100% !important;margin:0 0 20px 0 !important;
    }
    /* 旧正文里固定宽度的内联图片/元素兜底 */
    .newdec *,.article-content *{max-width:100% !important;}
    .newdec img,.article-content img{height:auto !important;}
}

/* =========================================================
   ≤ 560px ：小屏手机微调
   ========================================================= */
@media (max-width:560px){
    .head .logo img{max-height:36px;}
    .idx_bannerbox{height:240px !important;}
    .master-slider{height:240px !important;}
    .ms-slide{height:240px !important;}
    .top_section{height:180px !important;}
    .top_section .top_sectionbg{height:180px !important;}
    h1.sectitle{font-size:18px !important;}
    .idxbox-bottom .b2 p > span{font-size:28px !important;vertical-align:-10px !important;}
    ul.nav li a,.head ul.nav li a{font-size:14px;}
}

/* =========================================================
   顶部菜单：当前栏目高亮（由 responsive.js 自动给 li 加 .current）
   ========================================================= */
.head ul.nav li > a{position:relative;transition:color .25s;}
.head ul.nav li > a:hover{color:#4bbe14;}
.head ul.nav li.current > a,
.head ul.nav li.current-parent > a{color:#4bbe14;font-weight:bold;}
.head ul.nav li.current > a::after{
    content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#4bbe14;
}
/* head.htm / main.css 家族 */
.header .nav .menu li.current > a,
.header .nav .menu li.current-parent > a{color:#4bbe14;font-weight:bold;}
/* nav-links 家族（留言、全国站点、标签页） */
.nav-links li.current > a{color:#4bbe14;}
.nav-links li.current > a::after{width:100%;background-color:#4bbe14;}
/* solution.css 头部 */
.hb-nav li.current > a{color:#4bbe14;}

@media (max-width:991px){
    /* 手机抽屉：当前栏目加绿色左条与浅绿底 */
    html.js .head ul.nav li.current > a,
    html.js .head ul.nav li.current-parent > a{
        color:#4bbe14;background:#f4faf0;font-weight:bold;
        border-left:3px solid #4bbe14;padding-left:17px;
    }
    html.js .head ul.nav li.current > a::after{display:none;}
    /* 无 JS 兜底：平铺菜单中当前项仅变色 */
    .head ul.nav li.current > a{color:#4bbe14;font-weight:bold;border-bottom:2px solid #4bbe14;}
}

/* =========================================================
   ≤ 767px 首页移动端美化：信息块卡片化
   ========================================================= */
@media (max-width:767px){
    .idxbox-topcontent{padding:0 12px !important;}
    .idxbox-topcontent .t1,.idxbox-topcontent .t2,.idxbox-topcontent .t3{
        margin:0 0 12px !important;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.07);overflow:hidden;
    }
    .idxbox-topcontent .t1{background:#fff !important;}
    .idxbox-topcontent .t1 h1{font-size:26px !important;}
    .idxbox-topcontent .t2{background:#fff !important;border-top:3px solid #6fbfa1;}
    .idxbox-topcontent .t2 h1{font-size:20px !important;color:#4a5364;}
    .idxbox-topcontent .t2 h2{margin-bottom:14px !important;}
    .idxbox-topcontent .t2 ul li{font-size:13px;}
    .idxbox-bottom .b1,.idxbox-bottom .b2,.idxbox-bottom .b3{
        margin:0 12px 12px !important;border-radius:10px;background:#fff;
        box-shadow:0 4px 16px rgba(0,0,0,.07);border-bottom:none !important;
    }
}

/* =========================================================
   四大内页手机端重制（案例 anli / 业务 fuwu / 联系 lxfs / 关于 about）
   ========================================================= */
@media (max-width:991px){

    /* ---------- 内页 Hero：大图压扁成横幅，内容改文档流 ---------- */
    .top_section{height:auto !important;background:#181818;}
    .top_section .top_sectionbg{position:relative !important;height:210px;background-size:cover;background-position:center;}
    .case_introbox,.contact_introbox,.service_introbox,.about_introbox{height:auto !important;padding:0 15px 30px;}
    .pagetitle_move{position:static !important;opacity:1 !important;font-size:22px !important;line-height:1.45;color:#fff;padding:18px 0 4px;margin:0;}
    .case_introcontent,.contact_introcontent,.service_introcontent{position:static !important;height:auto !important;min-height:0 !important;width:auto !important;padding:18px 15px 0 !important;text-align:left !important;}
    .case_introcontent h2,.contact_introcontent h1,.service_introcontent h2{font-size:20px !important;line-height:1.5;margin:6px 0;}
    .case_introcontent p,.contact_introcontent p,.service_introcontent p{font-size:14px;line-height:1.9;}
    .contact_introcontent h2{font-size:22px !important;letter-spacing:0 !important;line-height:1.6;}
    .contact_introcontent h2 a{color:#0099ff;display:inline-block;padding:2px 4px;}
    .contact_introcontent h1,.contact_introcontent h3{color:#555 !important;}
    .contact_introcontent h3 a{color:#ff6600 !important;background:none !important;padding-left:0 !important;}
    .about_introbox > p{position:static !important;opacity:1 !important;}
    .about_introbox p img{max-width:62%;height:auto;}

    /* 联系页：绿色提示条 + 地图 */
    .map-top{position:static !important;width:auto !important;height:auto !important;padding:18px 15px 20px !important;margin:26px -15px -30px;text-align:center;}
    .map-top p{font-size:13px;line-height:1.9;margin:0 0 10px;}
    .map-top h2{font-size:17px;margin:0;}
    #container{height:300px !important;}

    /* ---------- 案例页 ---------- */
    .customer_cnt .bd{width:100% !important;}
    .customer_cnt .bd ul li{margin:0 !important;}
    .customer_cnt .bd ul li img{max-width:100%;}
    .customer_cnt .prev,.customer_cnt .next{display:none !important;}
    .case-tabs ul{display:block;padding:0 10px;}
    .case-tabs li{padding:0 12px;}
    .case2-main-list{padding:0 12px;}
    .case2-main-list li{width:100% !important;height:auto !important;margin:0 0 16px !important;}
    .case2-main-list li img{max-width:100%;height:auto !important;}
    .case2_more{height:auto !important;padding:18px 0 24px;}

    /* ---------- 业务页 ---------- */
    .service_section1{height:auto !important;padding:34px 15px 28px;}
    /* 滚动动画在手机端直接显示，避免 JS 失败时整块空白 */
    .service_section1 .w1200 > *,.service_section2 .w1200 > *,
    .service_section3 .w1200 > *,.service_section4 .w1200 > *{opacity:1 !important;transform:none !important;}
    .service_section1 .w1200 h2{color:#223c2f;margin:0 0 16px;}
    .s_s1list li{float:none !important;width:100% !important;height:auto !important;margin:0 0 12px !important;padding:62px 16px 18px;box-sizing:border-box;transform:none;opacity:1;}
    .s_s1list li h3{color:#fff !important;}
    .s_s1list li h1{color:#dff0e6 !important;}
    .s_s1list li p{color:#e6f2ea;}
    .service_section2{height:auto !important;padding:36px 15px 42px;}
    .service_section3{background-size:cover;background-position:center;}
    .service_section3 .w1200{height:auto !important;padding:36px 15px 42px;box-sizing:border-box;}
    .service_section3 .w1200 p{color:#bbb;}
    .service_section3 .ss2-list{display:block !important;width:auto !important;padding:10px 0 0 !important;opacity:1 !important;}
    .service_section4 .w1200{min-height:0 !important;padding:36px 15px;box-sizing:border-box;}
    .service_section4 .w1200 p{line-height:2;}
    .service_section4 .w1200 img{max-width:120px;height:auto;}
    .service_section5 .w1200{padding:30px 12px;}
    .service_section5 ul{width:auto !important;text-align:center;}
    .service_section5 ul li{float:none !important;display:inline-block;vertical-align:top;width:30% !important;height:auto !important;margin:0 1.5% 10px;}
    .service_section5 ul li div{width:100% !important;height:auto !important;display:block !important;padding:12px 4px;box-sizing:border-box;}
    .service_section5 ul li img{max-width:86%;max-height:80px;}

    /* ---------- 关于页 ---------- */
    .about_ban{height:auto !important;}
    .ab1_cnt1{width:100% !important;height:auto !important;padding-bottom:24px;}
    .ab1_cnt1 .hd .next,.ab1_cnt1 .hd .prev{display:none;}
    .ab1_cnt1 .bd{width:100% !important;padding:10px 0 0 !important;box-sizing:border-box;}
    .ab1_cnt1 .bd li{padding:0 15px;box-sizing:border-box;}
    /* SuperSlide 轮播：slide 固定 1200px 会裁切，改为视口宽并居中 */
    .ab1_cnt1 .bd ul li{width:100vw !important;text-align:center;}
    .ab1_cnt1 .bd ul li h2{font-size:19px !important;}
    .ab1_cnt1 .bd ul li h3{font-size:17px !important;line-height:1.6 !important;white-space:normal !important;word-break:break-all;color:#4a4a4a !important;}
    .ab1_cnt1 .bd ul li p{font-size:14px !important;line-height:1.9 !important;color:#666 !important;}
    .ab1_cnt1 .bd ul li img{max-width:100% !important;height:auto !important;}
    .ab1_cnt1 .bd h2{margin:8px 0;}
    .ab1_cnt1 .bd img{max-width:100%;height:auto;}
    .about_section3{height:auto !important;min-width:0 !important;padding:40px 15px 30px !important;background-size:cover;background-position:center;box-sizing:border-box;}
    .about_section3 > .w1200 > p{color:#ddd;}
    /* 滚动淡入动画在手机端直接显示，避免 JS 未触发时整块发黑 */
    .about_section3 .w1200 > p,.about_section3 .w1200 > h2,
    .about_section3 .w1200 > div > *,
    .about_section3 .w1200 > h2,.about_section3 .w1200 > hr{opacity:1 !important;transform:none !important;transition:none !important;}
    .about_section3 h2{margin:6px 0 18px 0 !important;font-size:22px !important;line-height:1.5;color:#7fc79b !important;}
    .about_section3 .w1200 > p{margin-left:0 !important;font-size:15px !important;line-height:1.8;color:#ddd !important;}
    .as3_main{overflow:hidden;}
    .as3-right,.as3-left{float:none !important;width:100% !important;margin:0 0 26px !important;padding:0;overflow:hidden;}
    .as3-right span,.as3-left span{float:none !important;display:block;width:auto !important;height:auto;line-height:1.1;margin:0 0 4px;font-size:56px !important;color:#8fd2a8 !important;background:none !important;}
    .as3-right h3,.as3-left h3{float:none !important;width:auto !important;margin:0 0 12px !important;font-size:17px !important;line-height:1.5;color:#e8e8e8 !important;}
    .as3-right ul,.as3-left ul{float:none !important;width:100% !important;margin:0 !important;padding:0;overflow:hidden;}
    .as3-right ul li,.as3-left ul li{float:left;width:50% !important;margin:0 0 8px !important;padding-right:8px;box-sizing:border-box;font-size:13px !important;line-height:1.6 !important;color:#c9c9c9 !important;}
    .as3-right ul p,.as3-left ul p{float:left;width:100% !important;margin:6px 0 0 !important;clear:both;color:#9a9a9a !important;}
    .as3-right ul p a{color:#8fd2a8 !important;font-size:14px !important;}
    .about_section1{min-width:0 !important;}
    .as1_section_left{width:100% !important;float:none;}
    .as1_section_left .bd img{width:100%;display:block;}
    .as1_left{position:static !important;width:100% !important;height:auto !important;padding:26px 15px 30px;box-sizing:border-box;}
    .as1_left h2{margin:0 0 6px;padding:0 !important;font-size:26px;letter-spacing:0;}
    .as1_left h1{margin:0 0 10px;font-size:24px;}
    .as1_left p,.as1_left i{margin-left:0;}
    .as1_left i img{max-width:100%;}
}
@media (max-width:560px){
    .top_section .top_sectionbg{height:170px;}
    .service_section5 ul li{width:46% !important;}
}