.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto; }

.my-modal-640 .uk-modal-dialog{ width:640px; }


.header{ position: absolute; top:40px; left: 0; right:0; height: 90px; transition: all ease 0.3s; z-index: 999; }
.header .uk-pannel{ height: 90px; background: #fff; }
.header .first{ padding:5px 25px; }

.header .menu{ min-height:90px; padding:0 30px; gap:0; }
.header .menu li{ position: relative; margin-left:30px; }
.header .menu>li::before{ position: absolute; left: -12px; top:50%; transform: translateY(-50%) skewX(-22deg); content:''; display: block; width:1px; height: 20px; background-color:#e9e9e9; }
.header .menu>li:first-child::before{ display: none; }
.header .menu li>a{ position: relative; z-index: 2; min-height: 87px; text-align: center; line-height:87px; text-align: center; display: block; color:#373737; font-size: 16px; padding:0 15px; }
.header .menu li>a:hover,.header .menu li.active>a{ border-bottom: 3px solid var(--main-color); }
.header .menu li>a:hover::after,.header .menu li.active>a::after{ content:''; display: block; position: absolute; bottom:0; border-bottom:3px solid var(--main-color); }
.header .menu li>a:hover,.header .menu li.active>a{ color:var(--main-color); }


.banner{ position: relative; overflow: hidden;}
.banner .uk-slidenav{ width:74px; height: 74px; text-align: center; opacity: 0.8; }
.banner .uk-slidenav svg{ display: none;}
.banner .uk-slidenav-previous{ background: url(../images/ban_l.png) no-repeat; left: 50px; }
.banner .uk-slidenav-next{ background: url(../images/ban_r.png) no-repeat; right:50px; }
.banner .uk-slidenav:hover{  opacity: 1; }
.banner .uk-position-center{ padding-bottom: 100px; }


.banner .uk-dotnav{ bottom:40px; margin-left: 0; display: none; }
.banner .uk-dotnav svg{ display: block; }
.banner .uk-dotnav>*>*{ width:20px; height: 20px; border:0; border-radius: 5px; background:none;  }
/* .banner .uk-dotnav>.uk-active>*{ width:20px; height: 20px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E %3Ccircle cx='8' cy='8' r='5.5' fill='none' stroke='%23FFF' stroke-dashoffset='100,100' stroke-opacity='1' stroke-width='1.5px' class='circle-chart' /%3E %3Ccircle cx='8' cy='8' r='2.5' fill='%23FFF' /%3E %3C/svg%3E"); background-color:rgba(0,0,0,0); } */
.banner .uk-dotnav>.uk-active>*{ }
/* .banner .uk-dotnav>.uk-active>*::before{ display: block; width:20px; height: 20px; content:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E %3Ccircle cx='8' cy='8' r='5.5' fill='none' stroke='%23FFF' stroke-dashoffset='100,100' stroke-opacity='1' stroke-width='1.5px' class='circle-chart' /%3E %3Ccircle cx='8' cy='8' r='2.5' fill='%23FFF' /%3E %3C/svg%3E"; } */
@keyframes circle-chart-fill {
    to { stroke-dasharray: 0 57; }
}
.banner .uk-dotnav>* .circle-chart{ stroke-dasharray: 0 57; stroke-dashoffset:0; }
.banner .uk-dotnav>.uk-active .circle-chart {
    stroke-dasharray: 57 57;
    stroke-linecap: square;
    fill: none;
    animation: circle-chart-fill 5s linear reverse;
    /* transform: rotate(-90deg); */
    transform-origin: center;
}




.icons{ position: relative; top:-100px; z-index: 2; height: 0; }
.icons .uk-ico{ height: 200px; position: relative; }
.icons .uk-ico::before{ position: absolute; bottom: 0; right:0; content:''; display: block; width: 0; height: 0; border:20px solid transparent; }
.icons .uk-ico .ico{ position: absolute; left: 20px; top:20px; }
.icons .uk-ico .con{ position: absolute; right:35px; bottom:20px;}
.icons .uk-ico .con .tit1{ color:#fff; }
.icons .uk-ico .con .tit2{ color:rgba(255,255,255,0.6); }
.icons .uk-ico1{ background:#0079c3; }
.icons .uk-ico1::before{ border-bottom-color: #0067a6; border-right-color: #0067a6; }
.icons .uk-ico2{ background:#0067a6; }
.icons .uk-ico2::before{ border-bottom-color: #005a90; border-right-color: #005a90; }
.icons .uk-ico3{ background:#005a90; }
.icons .uk-ico3::before{ border-bottom-color: #004b79; border-right-color: #004b79; }
.icons .uk-ico4{ background:#004b79; }
.icons .uk-ico4::before{ border-bottom-color: #003f65; border-right-color: #003f65; }
.icons .uk-ico5{ background:#003f65; }
.icons .uk-ico5::before{ display: none; }


.title{ padding-bottom: 10px; margin-bottom: 40px; background:url(../images/line.png) bottom center no-repeat; }


.ipart1{ position: relative; padding:170px 0px 100px; background:url(../images/bg1.png) top center no-repeat; background-size: cover; }
.ipart1 .left{ width:80%; background: #fff; padding:30px 100px 30px 40px; border:15px solid #e9e9e9; margin-top:20px; }
.ipart1 .left .desc{ max-width: 70%; }
.ipart1 .right{ position: absolute; right:-40px; top:-40px; max-width: 50%; }


.ipart2{ padding:90px 0; position: relative; }
.ipart2 .right{ padding-top:50px; padding-left:100px; }
.ipart2 .right p{ line-height: 2;}



.ipart3{ padding:100px 0; background: url(../images/bg2.png) top center no-repeat #f5f5f5; background-size: 100% auto; }
.ipart3 .section1{ padding:30px 0; }
.ipart3 .section2{ padding:100px 0 30px; }
.ipart3 .section3{ padding:50px 0 10px; }
.ipart3 .left{ max-width: 490px;}
.ipart3 .uk-wrap .f30{ margin-bottom:30px; line-height: 1.6; }
.ipart3 .right{ padding-bottom: 2em;}
.ipart3 .right .text1{ position: absolute; left: 0; bottom:0; width: 50%; }
.ipart3 .right .text2{ position: absolute; right: 0; bottom:0; width: 40%; text-align: right; }


.ipart4{ padding:60px 0; background:#0079c3; color:#fff; }
.ipart4 .uk-container{ position: relative; }
.ipart4 .uk-container::before{ position: absolute; right: -40px; top:-138px; content: ""; display: block; width:404px; height: 80px; background: url(../images/ico_fot.png) no-repeat; }
.ipart4 .right{ padding-left:100px; }
.ipart4 .uk-button{ color:#fff; min-width: 180px; height: 50px; line-height: 48px; }
.ipart4 .uk-button:hover,.ipart4 .uk-button:focus{ background: var(--main-color-hover); color:#fff; }


/*页脚*/
.footer{ background: #3d3d3d; position: relative; color:#9f9f9f; padding-top:70px; }
.footer a{ color:#9f9f9f; }
.footer a:hover{ color:#fff; }

.footer .fotlogo{ margin-right:180px; }

.footer .fotcat{ width:400px; }
.footer .fottel{ margin-bottom: 20px; padding:0px 0 10px 40px; background:url(../images/ico_tel.png) left center no-repeat;  }
.footer .fotcat ul{ margin-left: 10px; }


.footer .fotnav dl{ margin:0; margin-right:30px; min-width: 120px; }
.footer .fotnav dl dt{ margin-bottom: 10px;}
.footer .fotnav dl dt a{ color:#fff;}
.footer .fotnav dd a{ display: block; line-height: 30px; position: relative; }
.footer .fotnav dd a::before{ position: absolute; left: -15px; top:50%; content:''; display: block; width:8px; height: 1px; background:#4b4b4b; }

.footer .fotqr{ margin-left:30px; }
.footer .fotqr img{ max-width: 140px; }

.footer .flinks{ border-top:1px solid #424242; padding:20px 0 25px; margin-top: 50px; }
.footer .flinks a{ display: inline-block; margin:0 5px; color:#939393; }
.footer .flinks a:hover{ color:#c1c1c1; }

.footer .copyright{ margin-top:60px; border-top:1px solid #515151; background:#3d3d3d; padding:20px 0 25px; color:#9f9f9f; }
.footer .copyright a{ color:#979797; }
.footer .copyright a:hover{ color:#fff; }

.footer .mediaico a{ color:#212121; background:#716c6b; border-radius: 50%; width:30px; height: 30px; text-align: center; line-height: 30px; margin-left: 10px; }
.footer .mediaico a:hover{ background:#a19d9d; color:#212121; }


/*联系我们图标占位*/
.icon-position-left li{ position: relative; padding-left: 20px; margin-bottom:5px;}
.icon-position-left li i,.icon-position-left li .iconfont{ position: absolute; left: 0; top:1px; font-size: 14px;}

.modal-box { max-width: 440px; margin-left: auto; margin-right: auto; padding:40px 10px; }
.modal-box .qrcode img{ border:1px solid #e5e5e5; }
.modal-box .uk-telline{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:15px 0; margin:20px 0; }
.modal-box .uk-telline span{ display: inline-block; padding-left: 40px; background: url(../images/ico_tel2.png) left center no-repeat; }

/*END页脚*/


.inban{ height: 500px; background-size: cover; background-position: center; background-image: url(../images/ban_1.png); }


/*二级导航*/
.subnav{ margin-top:-30px; background: #fff; padding:20px 40px 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; }
.subnav h2{ border-bottom:1px solid #ededed; height: 50px; margin-bottom: 0; }
.subnav h2 span{ display: inline-block; height: 49px; line-height: 49px; color:#373737; }
.subnav::before, .subnav::after{ content:''; display: block; width: 20px; height: 110px; position: absolute; top:30px }
.subnav::before{ left: -20px; background:url(../images/shadow_left.png) no-repeat; }
.subnav::after{ right: -20px; background:url(../images/shadow_right.png) no-repeat; }

.subnav .crumb{ right: 40px; top:20px; height: 50px; }
.subnav .uk-flex a{ display: block; height: 50px; line-height: 50px; color:#727272; margin-left:40px; padding:0 5px; position: relative; }
.subnav .uk-flex a::before{ content: ""; position: absolute; left: 50%; width: 0%; right:0; bottom:-1px; height: 3px; background: var(--main-color); transition: all ease 0.2s; }
.subnav .uk-flex a:hover{ color:var(--main-color); }
.subnav .uk-flex a:hover::before{ width: 100%; left: 0; }
.subnav .uk-flex li.active a{ color:var(--main-color); font-weight: bold; }
.subnav .uk-flex li.active a::before{ content: ""; position: absolute; left: 0; width: 100%; right:0; bottom:-1px; height: 3px; background: var(--main-color); }




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



.titbar{ padding:0px 20px; margin-bottom: 60px; }
.titbar h2{ position: relative; padding-bottom: 15px; background: url(../images/line.png) bottom center no-repeat; margin: 0; }


/*区位优势*/
.qwys{ line-height: 2; }
/* .qwys .section1 .ico{ margin-bottom: 80px; } */


/*科学建园*/
.kxjy .section1{ background: #f8f8f8; padding:60px; margin-bottom: 100px; }
.kxjy .section2{ margin-bottom: 140px; }
.kxjy .section2 .ico{ padding-bottom: 1em; }
.kxjy .section2 .ico .text1{ position: absolute; left: 0; bottom:0; }
.kxjy .section2 .ico .text2{ position: absolute; right: 0; bottom:0; }


/*产业立园*/
.cyly .section1{ margin-bottom: 100px; }
.cyly .section1 .right .uk-wrap{ padding:90px 120px; background:url(../images/cy2.png) bottom center no-repeat var(--main-color); background-size: 100% auto; }
.cyly .section2 .uk-wrap{ padding-left: 150px; position: relative; min-height: 140px; }
.cyly .section2 .uk-wrap .ico{ position: absolute; left: 0; }
.cyly .section2 .uk-wrap .desc{ padding:10px 0; line-height: 2.2; }
.cyly .section3{ padding-bottom: 80px; }
.cyly .section4{ background:var(--main-color); color:#fff; padding: 80px 0; }
.cyly .section4 .uk-box .tit{ padding:0 10px }
.cyly .section4 .uk-box li{ padding:5px 10px; line-height: 40px; margin-top: 15px; background: #fff; color:var(--main-color); }


/*服务兴园*/
.fwxy .section1{ padding-bottom: 100px; }
.fwxy2{ background:url(../images/bg1.png) center; background-size: cover; padding:90px 0 120px; }
.fwxy2 .section2 .uk-wrap{ padding-left: 150px; position: relative; line-height: 2.2; }
.fwxy2 .section2 .uk-wrap .tit{ position: absolute; left: 0; top:50%; transform: translateY(-50%); display: block; width:120px; height: 100px; background: #89929e; font-size:30px; color:#fff; border-top-right-radius: 20px; border-bottom-left-radius: 20px; padding:12px 20px; line-height: 1.2; }
.fwxy .section3{ background:#0079c3; position: relative; margin-bottom: 120px; }
.fwxy .section3::before{ position: absolute; left: 0; top:0; z-index: 2; content:''; display: block; width:50%; height: 100%; background: url(../images/srv4.png) center; background-size:cover; }
.fwxy .section3 .right{ padding:100px 0 100px 120px; }
.fwxy .section4{ padding-bottom: 120px; }
.fwxy .section4 .sub span{ display: inline-block; background: #89929e; padding:2px 25px; color:#fff; }
.fwxy .section4 .uk-wrap{ background: #f6f6f6; padding:15px; }
.fwxy .section4 .uk-wrap .tit{ color:#3c3c3c; margin-bottom: 10px; }
.fwxy .section4 .uk-wrap .desc{ padding:15px; }



/*强势发展*/
.qsfz .section1{ padding-bottom: 100px; }
.qsfz .section2{ padding-bottom: 110px; }
.qsfz .section2 .right .uk-wrap{ padding:80px 60px; background:url(../images/cy2.png) bottom center no-repeat var(--main-color); background-size: 100% auto; }
.qsfz .section2 .right .uk-wrap .sub{ margin: 10px 0 20px; background: #fff; text-align: center; color:var(--main-color); }
.qsfz .section2 .right .uk-wrap .side2{ line-height: 1.5; }
.qsfz .section3{ padding:110px 0; background:url(../images/bg1.png) center no-repeat; background-size: cover; }
.qsfz .section3 .left{ padding-right:40px; }
.qsfz .section3 .left li{ margin-bottom: 30px; }
.qsfz .section3 .uk-wrap{ position: relative; padding-left:165px; }
.qsfz .section3 .uk-wrap .tit{ position: absolute; left: 0; width:135px; height: 40px; line-height: 40px; padding:0 10px; background:#0079c3; font-weight: bold; color:#fff; }
.qsfz .section3 .uk-wrap .tit::before{ position: absolute; right: -10px; top:0; content:''; display: block; width:0; height: 0; border:20px solid transparent; border-left: 10px solid var(--main-color); border-right: 0; }
.qsfz .section3 .uk-wrap .desc{ line-height: 40px; }




/*分页*/
.pages{ margin: 30px 0;}
.pages .uk-pagination a,.pages .page-num{ display: block; padding:0; height: 40px; line-height: 40px; padding:0 8px; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #ffffff; margin-left:-1px; color:#748185; }
.pages .uk-pagination a:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #f4f4f4;}
.pages .uk-pagination a:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #f4f4f4;}
.pages .uk-pagination a span{ display: block; height: 100%; line-height: 40px; padding:0; }
.pages .uk-pagination a svg{ display: block;}
.pages .uk-pagination .page-num-current, .pages .uk-pagination a:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pages .uk-pagination a:hover span{ color:#fff;}
.pages .uk-pagination .uk-icon{ padding:9px 0; }
.pages .uk-pagination .current{ border-top:1px solid #e8ecee; border-bottom:1px solid #e8ecee; height: 40px; line-height: 38px; padding:0 15px; color:#748185; }
.pages .jump { margin-left:20px; }
.pages .jump select{ height: 38px; border:1px solid #e8ecee; color:#748185; line-height: 38px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#f4f4f4; height: 38px; padding:0 10px; border:1px solid #e8ecee; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }






@media screen and (max-width: 1440px) {
    .uk-container{ padding-left: 10px; padding-right: 10px; }
    .footer .fotlogo{ margin-right: 100px; }
}


@media screen and (max-width: 1200px) {
    .footer .fotnav { display: none; }

    .fwxy2 .section2 .uk-grid-margin{ margin-top: 50px; }
    .fwxy2 .last{  margin-top: 50px; }
    .fwxy2 .last>div:last-child{ order:-1; }
}