body {
        font-size: 16px;
        padding: 0px;
        margin: 0px;
        background: #fff;
        font-family: "微软雅黑";
    }
    
    *,
     :after,
     :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    
    ul {
        list-style-type: none;
    }
    
    li {
        list-style-type: none;
    }
    
    a {
        text-decoration: none;
        color: inherit;
    }
    
    img {
        border: 0px;
    }
    
    input {
        outline: none;
    }
    
    button {
        outline: none;
    }
    /*设置浮动和清除浮动*/
    
    .fix {
        *zoom: 1;
        *clear: both;
    }
    
    .fix:before,
    .fix:after {
        display: table;
        clear: both;
        content: '';
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .wrap {
        width: 1200px;
        height: auto;
        margin: 0 auto;
    }
    /*头部*/
    
    .logo_all img {
        width: 100px;
        height: 100px;
        margin-top: 25px;
        margin-bottom: 28px;
    }
    
    .logo_pop p {
        font-size: 23px;
        color: #df060c;
        margin-top: 27px;
        font-weight: bold;
        line-height: 21px;
    }
    
    .logo_eda {
        display: none;
    }
    
    .logo_all a {
        width: 108px;
        height: 140px;
    }
    
    .logo_cll ul li {
        float: left;
        margin-top: 15px;
    }
    
    .logo_cll ul li a {
        font-size: 19px;
        margin-top: 65px;
        margin-left: 31px;
        color: #a09a9a;
    }
    
    .logo_cll ul li:first-child a {
        color: #df060c;
        margin-left: 96px;
    }
    
    .logo_cll ul li:hover a {
        color: #df060c;
    }
    
    .logo_cll ul li img {
        margin-left: 35px;
        float: left;
    }
    
    .logo_cll ul li p {
        float: left;
        font-size: 22px;
        color: #ff9000;
        line-height: 23px;
        margin-left: 20px;
        font-weight: bolder;
    }
    
    .logo_cll ul li h1 {
        font-size: 22px;
        line-height: 23px;
        float: left;
        color: #ff9000;
        margin-left: 20px;
    }
    /*底部*/
    
    .daohang {
        width: 100%;
        height: 100%;
        background: #dbdbdb;
        margin-top: 44px;
    }
    
    .daohang_all {
        width: 82px;
        height: auto;
        float: left;
        margin-bottom: 25px;
        margin-top: 54px;
        margin-left: 89px;
    }
    
    .daohang_all ul li h1 {
        font-size: 15px;
        color: #828282;
        float: left;
        line-height: 15px;
    }
    
    .daohang_all ul li img {
        width: 78px;
        height: 3px;
        float: left;
        margin-top: 18px;
        line-height: 0px;
    }
    
    .daohang_all ul li a {
        font-size: 12px;
        color: #b8b8b8;
        line-height: 12px;
        padding-top: 17px;
        display: block;
        float: left;
    }
    
    .daohang_ull {
        width: 82px;
        height: 155px;
        float: left;
        margin-top: 54px;
        margin-left: 26px;
    }
    
    .daohang_ull ul li h1 {
        font-size: 15px;
        color: #828282;
        float: left;
        line-height: 15px;
    }
    
    .daohang_ull ul li img {
        width: 78px;
        height: 3px;
        float: left;
        margin-top: 18px;
        line-height: 0px;
    }
    
    .daohang_ull ul li a {
        font-size: 12px;
        color: #b8b8b8;
        line-height: 12px;
        padding-top: 17px;
        display: block;
        float: left;
    }
    
    .daohang_ull ul li a:hover {
        color: #df060c;
    }
    
    .daohang_all ul li a:hover {
        color: #df060c;
    }
    
    .erweima img {
        margin-top: 52px;
        margin-left: 130px;
    }
    
    .erweima p {
        font-size: 12px;
        color: #b8b8b8;
        line-height: 12px;
        display: block;
        margin-left: 160px;
        margin-top: 10px;
    }
    
    .dibu {
        width: 100%;
        height: 56px;
        background: #dbdbdb;
        margin-top: 1px;
    }
    
    .dibu_all p {
        color: #7a7a7a;
        font-size: 12px;
        text-align: center;
        padding-top: 22px;
    }
    
    .logo1 img {
        display: none;
    }
    
    .xiala ul li {
        display: none;
    }
    /*联系*/
    
    .zxl_pr {
        width: 50px;
        height: 200px;
        position: fixed;
        right: 0px;
        top: 50%;
        z-index: 2;
        margin-top: -100px;
    }
    
    .zxl_a {
        position: relative;
    }
    
    .zxl_a .div {
        width: 120px;
        height: 120px;
        padding: 10px;
        background-color: #ee9911;
        position: absolute;
        left: -140px;
        top: 0px;
        display: none;
    }
    
    .zxl_a .div img {
        width: 100%;
        height: 100%;
    }
    
    .zxl_banner_div {
        width: 100%;
        position: relative;
    }
    
    .zxl_banner_btnleft,
    .zxl_banner_btnleft:hover {
        text-decoration: none;
        width: 10%;
        height: 7%;
        display: inline-block;
        position: absolute;
        left: 57%;
        top: 70%;
    }
    
    .zxl_banner_btnright,
    .zxl_banner_btnright:hover {
        text-decoration: none;
        width: 10%;
        height: 7%;
        display: inline-block;
        position: absolute;
        left: 67%;
        top: 70%;
    }
    
    .zxl_dhk {
        width: 100%;
        height: 100%;
        background: url(../images/jj_bg.png) repeat;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 110001000;
        display: none;
    }
    
    .zxl_dhk_div {
        width: 280px;
        height: 370px;
        color: #515151;
        font-size: 16px;
        line-height: 2.0;
        background-color: #fff;
        z-index: 110001000110001000;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -185px 0px 0px -140px;
        padding: 10px 20px 10px 20px;
    }
    
    .zxl_dhk_div_t {
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: #fff;
        font-size: 20px;
        text-align: right;
    }
    
    .zxl_dhk_div_t span {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        display: inline-block;
        cursor: pointer;
        background-color: #ffba00;
        -moz-border-radius: 20px;
        /* Gecko browsers */
        -webkit-border-radius: 20px;
        /* Webkit browsers */
        border-radius: 20px;
        /* W3C syntax */
    }
    
    .zxl_dhk_div_c {
        width: 100%;
        color: #515151;
        font-size: 14px;
    }
    
    .zxl_dhk_ipt {
        width: 280px;
        height: 25px;
        line-height: 25px;
        border: 1px solid #e5e5e5;
        text-indent: 10px;
        color: #515151;
        font-size: 14px;
        font-family: "微软雅黑";
    }
    
    .zxl_dhk_ipt1 {
        width: 270px;
        height: 37px;
        padding: 5px;
        border: 1px solid #e5e5e5;
        text-indent: 5px;
        color: #515151;
        font-size: 14px;
        font-family: "微软雅黑";
    }
    
    .zxl_dhk_ipt2 {
        width: 282px;
        border: 0px;
        height: 29px;
        line-height: 29px;
        text-align: center;
        background-color: #ee9911;
        font-family: "微软雅黑";
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        -moz-border-radius: 3px;
        /* Gecko browsers */
        -webkit-border-radius: 3px;
        /* Webkit browsers */
        border-radius: 3px;
        /* W3C syntax */
    }
    
    .zxl_a1 {
        width: 50px;
        height: 50px;
        position: relative;
    }
    
    .zxl_a1 img {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }
    
    .zxl_a1_div {
        width: 140px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        position: absolute;
        right: -200px;
        top: 0px;
        font-size: 16px;
        font-weight: bold;
        background-color: #ee9911;
        text-align: center;
    }
    /*右侧漂浮框*/
    
    #gotop {
        width: 44px;
        hegith: 40px;
        position: fixed;
        z-index: 2;
        bottom: 145px;
        display: none;
        right: 0px;
    }
    
    .div {
        width: 140px;
        height: 140px;
    }
    
    .div img {
        width: 120px;
        height: 120px;
    }
    
    .shiyong {
        border: 1px solid #000;
        width: 100px;
        height: 25px;
        border-radius: 15px 15px 15px 15px;
        margin: 0 auto;
        margin-top: 20px;
        display: block;
        margin-top: 60px;
    }
    
    .shiyong a {
        font-size: 16px;
        display: block;
        line-height: 16px;
        text-align: center;
        padding-top: 3px;
        color: #000;
        z-index: 2;
    }
    /*响应式*/
    
    @media screen and (min-width:1400px) and (max-width:1679px) {
        .banner_all {
            margin-left: 10%;
        }
        .logo1 img {
            display: none;
        }
        .xiala ul li {
            display: none;
        }
        .banner {
            width: 100%;
            background-size: 100% 100%;
        }
        .banner1 {
            width: 100%;
            background-size: 100% 100%;
        }
        .banner2 {
            width: 100%;
            background-size: 100% 100%;
        }
        .banner3 {
            width: 100%;
            background-size: 100% 100%;
        }
    }
    
    @media screen and (min-width:1217px) and (max-width:1400px) {
        .logo_cll ul li a {
            margin-left: 23px;
        }
        .logo_cll ul li:first-child a {
            margin-left: 85px;
        }
        .logo_all img {
            margin-left: 50px;
        }
        .banner_all {
            margin-left: 29%;
        }
        .logo1 img {
            display: none;
        }
        .xiala ul li {
            display: none;
        }
        .banner {
            width: 100%;
            background-size: 100% 100%;
        }
        .banner1 {
            width: 100%;
            background-size: 100% 100%;
        }
        .banner2 {
            width: 100%;
            background-size: 100% 100%;
        }
        .banner3 {
            width: 100%;
            background-size: 100% 100%;
        }
    }
    
    @media screen and (min-width:320px) and (max-width:1217px) {
        /*手机下拉*/
        .logo1 img {
            position: absolute;
            right: 56px;
            top: 54px;
            width: 34px;
            height: 28px;
        }
        .xiala {
            display: none;
            position: absolute;
            width: 100%;
            height: auto;
            top: 60px;
            left: 0;
            z-index: 10;
            line-height: 32px;
            background: #fff;
            padding: 0 2%;
        }
        .xiala ul li {
            border-bottom: 1px solid #ddd;
            text-align: center;
        }
        .xiala ul li:hover {
            color: #df060c;
        }
        .logo_cll ul li {
            display: none;
        }
        .logo1 img {
            display: block;
        }
        .xiala ul li {
            display: block;
        }
        .logo_all img {
            margin-left: 50%;
            width: 75px;
            height: 75px;
        }
        .banner_all {
            margin-left: 18%;
        }
        .hezuo1 {
            width: 95%;
            height: 300px;
        }
        .about_cll img {
            width: 33%;
        }
        .zxl_pr {
            display: none;
        }
        .logo_pop {
            display: none;
        }
        .logo_eda {
            font-size: 21px;
            color: #df060c;
            display: block;
            font-weight: bold;
            line-height: 21px;
        }
        .logo_eda p {
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .logo_all img {
            margin-bottom: 0px;
        }
    }