* { margin: 0; padding: 0}
a { text-decoration: none; color: #000; outline:none; }
a:focus { color: #000; text-decoration: none }
p { margin: 0 }
a:hover { text-decoration: none; color: #000 }
.banxin { min-width: 1110px; height: 100%; margin: 0 auto }
h1, h3, ul, li { margin: 0 }
ul, li { list-style: none }
body { min-width: 475px; }
.col-md-4 { padding-left: 0;padding-right: 0}

.navbar_container {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    box-shadow: 0px 0px 17px 1px rgba(206, 206, 206, 0.32);
}
.navbar_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo_box {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.logo_box .logo_icon {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}
.logo_box .logo_name {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;
    padding: 13px 0;
    height: 70px;
    box-sizing: border-box;
}
.logo_box .logo_name .title1 {
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}
.logo_box .logo_name .title2 {
    font-size: 18px;
    font-weight: bold;
}
.navbar_list {
    display: flex;
    align-items: center;
}
.navbar_list li {
    width: 100px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
}
.navbar_list li:hover {
    /*background: rgba(45, 127, 246, 0.5);*/
}
.navbar_list a:hover {
    color: rgb(45, 127, 246);
    font-weight: bold;
    cursor: pointer;
}
.customer_mobile {
    font-size: 16px;
}
.navbar-toggle {
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    border-color: #ddd;
    cursor: pointer;
    position: absolute;
    right: 0;
}
.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
}


#html5{
    background: #f8f8f8;
}
#html5, #bootstrap {
    padding: 80px 0;
}
#html5 p, #bootstrap p{
    line-height: 25px;
    margin-bottom: 20px;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-fill-mode: both;
}