/*引入字体*/
@font-face{
    font-family: 'sy-Regular';
    src: url('../fonts/SourceHanSansSC-Regular.otf');
}
@font-face{
    font-family: 'sy-Bold';
    src: url('../fonts/SourceHanSansSC-Bold.otf');
}
@font-face{
    font-family: 'impact';
    src: url('../fonts/impact.ttf');
}
@media screen and (min-width: 767px){
    .folat-header{
        position: fixed;
        z-index: 9999;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
    }
    .banner-box{margin-top: 90px;}
}
/*header*/
.header-box{
    padding:20px 0;
}
.logo-box img{
    width:100%;
    height:auto;
}
.logo-box>div{
    float:left;
}
.logo-box .logo-img{
    width:30%;
    margin-right:2%;
}
.logo-box .slogan-box{
    width:68%;
    line-height: 25px;
    color:#222424;
    font-family: 'sy-Regular';
    font-size:16px;
}
.nav-box{
    display:flex;
    justify-content:space-between;
    margin-top:15px;
}
.nav-box a{
    color:#222424;
    font-size:18px;
    font-family: 'sy-Regular';
    display: block;
    width: 100%;
}
.nav-box a:hover,
.nav-box a.active{
    color:#0877df;
}

.nav-box>li{
    height:35px;
}
.nav-box li{
    position:relative;
}
.nav-box>li .child-nav{
    width:200px;
    position:absolute;
    top:35px;
    left:-20px;
    background:#fff;
    z-index:999;
    display:none;
}
.nav-box>li .child-nav>li{
    padding:10px 20px;
}
.nav-box>li .child-nav>li .grand-nav{
    position:absolute;
    left:200px;
    top:0px;
    width:200px;
    background:#fff;
    display:none;
}
.nav-box>li .child-nav>li .grand-nav>li{
    padding:10px 20px;
}

.mob-menu{
    display:none;
    width:26px;
    height:26px;
    position:absolute;
    right:20px;
    top:20px;
    background:url(../images/menu-000.png)center/cover no-repeat;
}
.mob-menu.active{
    background:url(../images/close-000.png)center/cover no-repeat;
}
.nav-mob{display:none;}
.nav-mob a{
    display:block;
    background:#0877df;
    color:#fff;
    padding:15px 20px;
    font-size:16px;
}
.nav-mob li{
    position:relative;
}
.nav-mob i{
    display:block;
    width:20px;
    height:20px;
    background:url(../images/jiantou-right.png)center/cover no-repeat;
    position:absolute;
    top:16px;
    right:20px;
    z-index:999;
}
.nav-mob i.active{
    background:url(../images/jiantou-bottom.png)center/cover no-repeat;
}
.nav-mob .child-box{
    display:none;
}
.nav-mob .child-box a{
    padding-left:50px;
}
.nav-mob .child-box .grand-box{
    display:none;
}
.nav-mob .child-box .grand-box a{
    padding-left:100px;
}

.nav-box>li:last-of-type{
    background: url(../images/search.png)top/100% no-repeat;
    position: relative;
    width: 22px;
    cursor:pointer;
}
.nav-box>li form{
    position: absolute;
    left:30px;
    top:0px;
}
.nav-box>li form input{
    width:0;
    float:left;
    border-radius: 10px;
    text-indent: 5px;
    outline:none;
    transition: all 0.3s;
    border:none;
}
.nav-box>li form button{
    width:20px;
    float:left;
    display: none;
}
.nav-box>li:last-of-type:hover input{
    width:80px;
    border:1px solid #222424;
}




/*footer*/
.foot-box{
    background:#0877df;
    padding-top:3%;
    color:#fff;
    font-family:'sy-Regular';
}
.foot-box a{
    color:#fff;
    font-family:'sy-Regular';
}
.foot-box .container>div li{
    margin:5px 0;
}
.foot-box .container>div:nth-of-type(1){
    padding-right:5%;
}
.foot-box .container>div:nth-of-type(1) a{
    display:block;
    width:80%;
}
.foot-box .container>div:nth-of-type(1) a img{
    width:100%;
    height:auto;
}
.foot-box .container>div:nth-of-type(1) p{
    font-size:14px;
    padding-left:30px;
    margin: 12px 0;
}
.foot-box .container>div:nth-of-type(1) p:nth-of-type(1){
    background:url(../images/tel.png)left top/20px no-repeat;
}
.foot-box .container>div:nth-of-type(1) p:nth-of-type(2){
    background:url(../images/email.png)left top/20px no-repeat;
}
.foot-box .container>div:nth-of-type(1) p:nth-of-type(3){
    background:url(../images/address.png)left top/20px no-repeat;
}
.foot-box .container>div:nth-of-type(1) ul{
    padding-left:30px;
}
.foot-box .container>div:nth-of-type(1) ul li{
    float:left;
    margin-right:20px;
}
.foot-box .container>div:nth-of-type(1) ul li img{
    width:20px;
    height:20px;
}
.foot-box .container>div>p:first-child{
    font-size:16px;
    color:#8ab4db;
    margin: 10px 0 30px;
}
.foot-box .container>div:nth-of-type(3) li{
    width:45%;
    margin-right:5%;
    float:left;
}
.foot-box .container>div:last-of-type{
    margin-top:3%;
    padding:20px 15px;
    border-top:1px solid #0371d8;
}
.foot-box .container>div:last-of-type a{
    margin:0 20px;
}
.foot-bottom{
    background:#005fb7;
    color:#fff;
    padding:20px 0;
}
.foot-bottom .col-lg-3{
    text-align:center;
}
.foot-bottom a{
    color:#fff;
}


@media screen and (max-width: 767px){
    .nav-box{display:none;}
    .mob-menu{display:block;}
    .header-box{
        padding-bottom:0;
    }
    .logo-box{
        margin-bottom: 10px;
        overflow: hidden;
    }
    .foot-box .container>div:nth-of-type(2),
    .foot-box .container>div:nth-of-type(3),
    .foot-box .container>div:nth-of-type(4),
    .foot-box .container>div:nth-of-type(5){
        display:none;
    }
    .foot-box .container>div:last-of-type{
        clear:both;
    }
    .foot-box .container>div:last-of-type a{
        margin:1px;
    }
    .foot-bottom .col-lg-3{text-align:right;}
}