.uk-offcanvas-bar .uk-nav-default{ padding-top:30px;}
.uk-offcanvas-bar .uk-nav-sub{ padding-bottom: 20px;}
body{ background: #fff;}

.header{ padding-top:20px; }
.header .menu{ height: 41px; border-top:1px solid #3399FF; margin-top: 10px;}
.header .menu .uk-width-expand{ padding-left:20px; }
.header .menu .uk-width-expand  a{ line-height: 40px; display: inline-block; margin:0 20px;}

.banner{ margin-bottom: 30px; }

.title{ margin-bottom:30px; }
.title span{ display: inline-block; position: relative; }
.title span::before{ content:''; display: block; width:50px; height: 4px; background: #3399FF; border-radius: 10px; position: absolute; bottom:-5px; left: 50%; margin-left:-25px; }

.business { margin-bottom:50px; }
.business .wrap{ border:1px solid #707070; padding:45px; border-radius: 15px;}
.business .wrap .tit{ margin:10px;}


.yuez { margin-bottom:50px; }
.yuez .uk-subnav{ background: #a0a0a0; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden; }
.yuez .uk-subnav li{ padding:10px; text-align: center; text-align: center; }
.yuez .uk-subnav li.uk-active{ background: #00DDDD; }
.yuez .uk-subnav a{ font-size: 18px; color:#fff; display: block; text-align: center; width: 100%; }
.yuez ul.uk-switcher{ border:1px solid #707070; border-top:0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.yuez ul.uk-switcher .ctn{ padding:30px 35px; min-height: 100px; font-size: 16px; line-height: 2; }


.fv{ margin-bottom:50px; }
.fv .fvbox .f18{ background: #00DDDD; line-height: 60px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.fv .fvbox ul{ padding:30px 35px; border:1px solid #707070; border-top:0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.fv .fvbox ul li{ border-bottom:1px dashed #3399FF; padding:15px 0; }
.fv .fvbox ul li:last-child{ border-bottom:0; }


.youshi{ margin-bottom:50px; }
.youshi .wrap .tit{ height: 65px; line-height: 65px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #00DDDD; color:#fff; padding:0 50px; }
.youshi .wrap .tit em{ font-style: normal; text-transform: uppercase; font-size: 16px; float: right; font-weight: bold; }
.youshi .wrap .desc{ padding:30px 35px; border:1px solid #707070; border-top:0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }


.service{ margin-bottom:50px; }
.service .wrap{ padding:35px 60px 45px; box-shadow: 0 0 15px 0px #ccc; border-radius: 15px; }
.service .wrap .f20{ margin:30px 0 10px; }
.service .wrap .ico { transition:All 0.4s ease-in-out; }
.service .wrap:hover .ico{ transform: rotate(360deg); }


.success{ padding-bottom:50px; }
.success .caseslide{ padding:15px 0; border:1px solid #ec6624; border-radius: 10px; }


.footer{ background: #f3f3f3; color:#333; }
.footer .fotnav{ background: #fff; margin-bottom: 30px; padding:20px 0; }
.footer .fotnav a:first-child{ margin-left:30px; position: relative; }
.footer .fotnav a:first-child::before{ content:''; display: block; width:6px; height: 20px; background: #ec6624; border-radius: 4px; position: absolute; left: -30px; top:4px;}
.footer a{ color:#333; }
.footer a:hover{ color:#ec6624;}
.footer .fotnav{  }
.footer .fotnav a{ display: inline-block; margin-right: 25px; }
.footer .fotcat{ font-size: 14px; padding-bottom: 20px; margin-bottom:10px;  }
.footer .copyright{ border-top:1px solid #fff; padding:10px 0 20px;  background: #fff; }


@media ( max-width : 960px) {
    .uk-container{ padding-left:0.5rem; padding-right: 0.5rem;}
    
    .f18{ font-size: 16px; }

    .header{ padding-top:5px; }
    .header .logo{ text-align: center; }
    .header .logo img{ height: 50px; }
    .header .menu{ height: auto; }
    .header .menu .uk-width-expand a{ margin:0 0px; width: 32%; text-align: center; }

    .banner{ margin-bottom: 10px; }

    .title{ margin-bottom: 20px;}
    .title span{ font-size: 20px;}

    .business,.yuez,.fv,.youshi,.service,.success { margin-bottom: 30px; }

    .business .wrap{ padding:25px 15px 30px; }
    .business .wrap .tit{ font-size: 22px; margin:5px; }
    .business .wrap .f18{ font-size: 16px; }

    .yuez .uk-subnav a{ font-size: 16px; display: block; }
    .yuez ul.uk-switcher .ctn{ padding:25px 15px;}

    .fv .fvbox ul{ padding:5px 15px; }

    .youshi .uk-pannel{ margin-bottom: 15px; }
    .youshi .wrap .desc{ height: auto; padding:15px; }

    .service .wrap{ padding:30px; }
    
    .footer{ padding-top:20px; padding-bottom:60px; }
    .footer .fotcat .uk-width-auto{ padding-top:15px; }
    .footer .copyright{ text-align: center; }
    .footer .copyright .uk-margin-left{ margin:3px 0!important; display: block; }

    .fixedbot{ z-index: 9999; background: #ec6624; }
    .fixedbot li:first-child{ background: #dd510c; }
    .fixedbot li a{ display: block; width:100%; height: 50px; line-height: 50px; color:#fff; }
}