@media screen and (max-width: 960px) {
    
    .f30{ font-size:20px; }
    .f16{ font-size:15px; }

    .uk-container{ padding-left:0px; padding-right:0px; }
    

    .uk-offcanvas-bar{ background: #fff; }
    .uk-offcanvas-bar .uk-close{ color:#000; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:#222; }
    .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover{ color:#222;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{ color:#222!important;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{ color:#000!important;}
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #ebebeb; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; font-size:16px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;  font-size:16px; }
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}

    
    .mheader{ min-height: 60px; height: auto; padding:0 10px; background:#fff; }
    .mheader .uk-logo img{ max-height: 40px; }
    .mheader .mnav { min-height: 60px; margin-left: 5px; }
    .mheader .mnav .uk-button{ border:0; color:var(--text-color); width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .mheader .mnav .uk-button svg{display: block;}
    .uk-offcanvas-page .mheader .mnav .uk-button,.uk-offcanvas-page .mheader .mnav .uk-button:hover,.uk-offcanvas-page .mheader .mnav .uk-button:focus{ background:var(--main-color); color:#fff; }
    .mheader .uk-navbar-right { min-height: 60px; color:var(--text-color); }
    .mheader .lang{ position: relative; padding: 0;}
    .mheader.uk-active{ box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);}


    .banner{ height: auto; }
    .banner .uk-dotnav{ display: flex; bottom:20px; }
    .banner .uk-position-center{ padding: 20px; }

    .icons{ top:0; height: auto;}
    .icons .uk-ico{ height: 150px; }
    .icons .uk-ico .ico{ left: 20px; right: 20px; }
    .icons .uk-ico .ico img{ width: 100%; }
    .icons .uk-ico .con .tit1{ font-size:15px; text-align: center; }
    .icons .uk-ico .con .tit2{ display: none;}
    .icons .uk-ico .con{ left: 5px; bottom:20px; right:5px; }
    .icons .uk-ico::before{ border-width: 10px; }


    .title{ background-size:90% auto; margin-bottom: 25px; }
    .title .f36{ font-size:24px;  }

    .ipart1{ padding:25px 10px 100px; }
    .ipart1 .left{ width: 100%; margin-top: 0; border-width: 5px; padding:15px 20px 130px; }
    .ipart1 .left .desc{ max-width: 100%; }
    .ipart1 .right{ right: 20px; left: 20px; bottom:-150px; top:auto; max-width: 100%; }
    .ipart1 .right img{ width: 100%;}


    .ipart2{ padding:80px 10px 40px; }
    .ipart2 .uk-container>div>div:nth-child(2){ order:-1; }
    .ipart2 .right{ padding:0 0 40px; font-size:15px; }


    .ipart3{ padding:30px 10px; }
    .ipart3 .section1{ padding:0; }
    .ipart3 .uk-wrap .f30{ margin-bottom: 15px; }
    .ipart3 .section2{ padding:30px 0; }
    .ipart3 .section2>.uk-grid>div:last-child{ order:-1; }
    .ipart3 .section2 .right{ padding-bottom: 5.5em; }
    .ipart3 .section2 .right .text1{ font-size:12px; min-height: 90px; }
    .ipart3 .section2 .right .text2{ font-size:12px; width: 50%; min-height: 90px; }
    .ipart3 .section3{ padding:30px 0 10px; }


    .ipart4{ padding:30px 10px; }
    .ipart4 .uk-container>.uk-grid{ align-items: flex-start; }
    .ipart4 .uk-container::before{ width:202px; height:40px; background-size: 100% 100%; right:20px; top:-70px; }
    .ipart4 .left img{ max-width: 60px; }
    .ipart4 .right{ text-align: center; padding-left: 0; }
    .ipart4 .right .uk-button{ height: 40px; line-height: 38px; font-size:15px; min-width: 160px; }


    .footer{ padding: 30px 10px 0px; text-align: center; }
    .footer .fottel{ display: inline-block; padding:0 0 0 40px; background:url(../images/ico_tel.png) left center no-repeat; background-size: auto 30px; font-size:22px; line-height: 30px; margin-bottom: 10px; }
    .footer .copyright{ margin-top:15px; }


    .modal-box{ padding:20px 0; }
    .modal-box .uk-telline span{ font-size:26px; height: 36px; line-height: 36px; }
    .modal-box .fd{ font-size:14px; }

    .tbody{ padding:20px 0px 50px; }

    .titbar h2{ background-size:90% auto; margin-bottom: 25px; }

    .tbody .mb80{ margin-bottom: 30px; }
    .tbody .mb60{ margin-bottom: 20px; }
    .tbody .mb40{ margin-bottom: 10px; }
    .tbody .mb30{ margin-bottom: 10px; }
    .tbody .mb20{ margin-bottom: 5px; }
    .tbody .f40{ font-size:22px; }
    .tbody .f18{ font-size:15px; }
    .tbody .sub.fi{ font-size:16px; }


    .inban{ height: 160px;}



    .titbar{ padding:0; margin-bottom: 22px; }
    .titbar h2 span{ padding:0 10px; font-size:22px; }
    .titbar h2::after, .titbar h2::before{ width:80px; }
    .titbar h2::after{ left: -80px;}
    .titbar h2::before{ right: -80px;}
    .titbar h2 span::before, .titbar h2 span::after{ width:7px; height: 7px; }
    .titbar h2 span::after{ left: -7px; }
    .titbar h2 span::before{ right: -7px; }


    /*区位优势*/
    .qwys{ padding-left: 10px; padding-right: 10px; }


    /*科学建园*/
    .kxjy .section1{ margin-left:10px; margin-right: 10px; padding: 15px; margin-bottom: 20px; }
    .kxjy .section1 .right .tit{ line-height: 1.4; }
    .kxjy .section2{ padding:20px 10px; margin-bottom: 20px; }
    .kxjy .section3{ padding:20px 10px; }
    

    /*产业立园*/
    .cyly .section1{ padding:0px 10px; margin-bottom: 50px; }
    .cyly .section1 .left>div{ min-height: 240px; }
    .cyly .section1 .right .uk-wrap{ padding:30px; }
    .cyly .section2{ padding:0 10px 20px; }
    .cyly .section2 .tit br{ display: none; }
    .cyly .section2 .uk-grid-margin{ margin-top:20px; }
    .cyly .section2 .uk-wrap{ padding-left: 100px; min-height: 90px; }
    .cyly .section2 .uk-wrap .ico{ width:80px; }
    .cyly .section2 .uk-wrap .ico img{ width: 100%;}
    .cyly .section2 .uk-wrap .desc{ line-height: 1.8; }
    .cyly .section3{ padding-bottom: 30px; }
    .cyly .section4{ padding:40px 15px; }


    /*服务兴园*/
    .fwxy .section1{ padding:0 10px 40px; }
    .fwxy2{ padding:40px 10px;  }
    .fwxy2 .section2 .sub.mb60{ margin-bottom: 40px;}
    .fwxy2 .section2 .uk-wrap{ padding-left:80px; height: auto; }
    .fwxy2 .section2 .uk-wrap .tit{ width:70px; height: 70px; font-size:18px; padding:13px 13px; text-align: center; }
    .fwxy2 .section2 .uk-wrap .desc{ font-size:14px; }
    .tbody .fwxy2 .mb80{ margin-bottom: 40px; }
    .fwxy2 .last{  margin-top: 50px; }
    .fwxy2 .last>div:last-child{ order:-1; }
    .fwxy .section3{ margin-bottom: 40px; }
    .fwxy .section3::before{ display: none;}
    .fwxy .section3 .right{ padding:30px 20px; }
    .fwxy .section4 { padding-left: 10px; padding-right: 10px; padding-bottom: 50px; }
    .fwxy .section4 .sub span{ font-size:12px; padding:5px 10px; }
    .fwxy .section4 .uk-grid-medium{ margin-left: -10px; }
    .fwxy .section4 .uk-grid-medium>div{ padding-left:10px; }
    .fwxy .section4 .uk-grid-medium>div.uk-grid-margin{ margin-top:10px; }
    .fwxy .section4 .uk-wrap{ padding: 10px; }
    .fwxy .section4 .uk-wrap .tit{ margin-bottom: 5px; font-size:18px; }
    .fwxy .section4 .uk-wrap .desc{ padding:10px; font-size: 14px; }
    .fwxy .section5 { padding-left: 10px; padding-right: 10px; }


    /*强势发展*/
    .qsfz .section1{ padding:0 10px 40px; }
    .qsfz .section1 .uk-grid-large>div.uk-grid-margin{ margin-top:20px; }
    .qsfz .section1 .f24{ font-size:18px; margin-bottom: 5px; }
    .qsfz .section2{ padding: 10px 10px 40px; }
    .qsfz .section2 .left>div{ min-height: 240px; }
    .qsfz .section2 .right .uk-wrap{ padding:30px 20px 50px; }
    .qsfz .section2 .right .side1 .tit{text-align: justify;text-align-last: justify;}
    .qsfz .section2 .right .side1 .desc{ line-height: 1.6; }
    .qsfz .section3{ padding:40px 10px; }
    .qsfz .section3 .left{ padding-right:0; }
    .qsfz .section3 .left .tit{ margin-bottom: 20px; }
    .qsfz .section3 .uk-wrap{ padding-left: 120px; }
    .qsfz .section3 .left li{ margin-bottom: 20px; }
    .qsfz .section3 .left .uk-wrap .tit{ width:100px; line-height: 30px; height: 30px; }
    .qsfz .section3 .left .uk-wrap .tit::before{ border-top-width: 15px; border-bottom-width:15px;}
    .qsfz .section3 .uk-wrap .desc{ line-height: 30px; }
    

    


    /*.pages 分页*/
    .pages{ display: block; }
    .pages .jump{ margin:15px auto; justify-content: center; }

}

@media screen and (max-width: 360px) {
    .ipart1{ padding-bottom: 90px; }
    .ipart1 .left{ padding-bottom: 100px; }
}