/*====================公共样式======================*/

    html, body, form{width:100%;}
    * {
        margin: 0;
        padding: 0;
    }

    img {
        border: 0 none;
        vertical-align: center;
    }

    ul, li {
        list-style-type: none;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 14px;
    }

    body, input, select, button, textarea {
        font-size: 12px;
        font-family: "微软雅黑";
    }
    /*设置默认字体*/
    button {
        cursor: pointer;
    }

    i, em, cite {
        font-style: normal;
    }

    aside section, .body {
        display: block;
        width: 1000px;
        margin: 0 auto;
    }

    a, a:link {
        color: #000;
        text-decoration: none;
    }
    /*设置a标签基本样式与伪类选择器设置*/
    a:visited {
    }

    a:active, a:hover {
        text-decoration: none;
        color: #d00000;
    }

    a:focus {
        outline: none;
    }

    .orange {
        color: #F26E01;
    }

    .clear::before {
        content: '';
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
    }

    body {
        max-width: 1930px;
        margin: 0 auto;
    }

    .header {
        width: 100%;
        height: 120px;
        position: relative;
    }

    .head {
        width: 1280px;
        height: 120px;
        margin: 0 auto;
    }

    .logo {
        width: 210px;
        height: 49px;
        float: left;
        margin-top: 35px;
    }

    .logo img {
        width: 100%;
        display: block;
    }

    .nav {
        width: 700px;
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        margin-left: 120px;
        float: left;
    }

    .nav a {
        font-size: 18px;
    }

    .nav .nav_a,
    .nav .cur_a {
        color: #ae1e24;
    }

    .telephone {
        float: right;
        margin-top: 30px;
    }

    .telephone em {
        display: block;
        font-size: 16px;
        color: #0a848e;
        background-image: url(../images/telephone_em.png);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 30px;
        margin-bottom: 5px;
    }

    .telephone span {
        display: block;
        font-size: 22px;
        color: #0a848e;
        font-weight: bold;
    }

    .zlm_head {
        width: 100%;
        background-color: #f8f8f8;
        padding: 45px 0 70px;
        position: absolute;
        top: 120px;
        left: 0;
        z-index: 10;
        display: none;
    }

    .zlm_head dl {
        overflow: hidden;
        width: 600px;
        margin: 0 auto;
        display: none;
    }

    .zlm_head dl dt {
        float: left;
        text-align: center;
    }

    .zlm_head dl dt em {
        display: block;
        font-size: 18px;
        color: #000000;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .zlm_head dl dt a {
        display: block;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .zlm_head dl dd {
        width: 415px;
        height: 213px;
        float: right;
    }

    .zlm_head dl dd img {
        width: 100%;
        display: block;
    }

    .banner {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .banner img {
        width: 100%;
        display: block;
    }

    .banner .swiper-pagination-bullet {
        width: 20px;
        height: 5px;
        border-radius: 7px;
    }

    .banner .swiper-pagination-bullet-active {
        background-color: #0a848e;
    }

    .main_af {
        width: 100%;
        background-color: #eeeef0;
    }

    .main_af ul {
        width: 1280px;
        height: 200px;
        margin: 0 auto;
    }

    .main_af ul li {
        width: 320px;
        height: 200px;
        float: left;
        text-align: center;
        background-image: url(../images/mali_bg.png);
        background-position: center;
    }

    .main_af ul li em {
        display: block;
        font-size: 42px;
        color: #272727;
        padding: 60px 0 10px;
    }

    .main_af ul li span {
        font-size: 28px;
        display: block;
        color: #6a6a6a;
    }

    .main_bf {
        width: 1280px;
        margin: 110px auto 55px;
    }

    .title_img {
        text-align: center;
        margin-bottom: 20px;
    }

    .title em {
        display: block;
        text-align: center;
        font-size: 38px;
        color: #272727;
        text-transform: uppercase;
        font-family: '宋体';
        font-weight: 900;
        display: none;
    }

    .title span {
        display: block;
        text-align: center;
        font-size: 30px;
        color: #272727;
        margin: 5px auto 20px;
        font-family: '宋体';
        font-weight: 900;
        display: none;
    }

    .title p {
        text-align: center;
        font-size: 14px;
    }

    .main_cf {
        background-color: #eeeef0;
        padding: 80px 0;
    }

    .mb_af {
        width: 1280px;
        margin: 60px auto 0;
        position: relative;
    }

    .mb_l {
        width: 660px;
        height: 400px;
    }

    .mb_l img {
        width: 100%;
        display: block;
    }

    .mb_r {
        width: 660px;
        height: 350px;
        background-color: rgba(240, 240, 241, 0.8);
        position: absolute;
        right: 0;
        top: 25px;
        text-align: center;
    }

    .mb_r em {
        display: block;
        font-size: 20px;
        margin: 45px 0 35px;
    }

    .mb_r p {
        font-size: 12px;
        line-height: 25px;
        color: #272727;
    }

    .mb_r a {
        width: 160px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        color: #272727;
        display: block;
        border: 1px solid #303030;
        margin: 30px auto 0;
    }

    .mb_r a:hover {
        background-color: #ae1e24;
        color: #fff;
        border-color: #ae1e24;
    }

    .mb_bf {
        width: 100%;
        text-align: center;
    }

    .mb_bf dl {
        display: inline-block;
        overflow: hidden;
        margin: 55px 100px 0;
    }

    .mb_bf dl dt {
        width: 58px;
        height: 58px;
        float: left;
        margin-right: 10px;
    }

    .mb_bf dl dt img {
        width: 100%;
        display: block;
    }

    .mb_bf dl dd {
        font-size: 22px;
        height: 58px;
        line-height: 58px;
        float: right;
    }

    .mc_af {
        width: 1280px;
        text-align: center;
        margin: 40px auto 30px;
        overflow: hidden;
    }

    .mc_af .mc_af_1 {
        background-color: #0a848e;
        border-color: #0a848e;
        color: #ffffff;
    }

    .mc_af .swiper-wrapper {
        justify-content: center;
    }
.mc_af .swiper-wrapper .swiper-slide-thumb-active a {
    color: #fff;
}
.mc_af .swiper-wrapper .swiper-slide-thumb-active {
    background-color: #0a848e;
    border-color: #0a848e;
    color: #ffffff;
}

    .mc_af li {
        width: 180px !important;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 20px;
        border: 1px solid #4f4f4f;
        display: inline-block !important;
        cursor: pointer;
        margin: 0 6px;
    }

    .mc_bf {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .mc_bf .swiper-pagination {
        width: 100px;
        right: 100px;
        left: auto;
        font-size: 18px;
        bottom: 0;
        color: #272727;
    }

    .mc_bf .swiper-button-next {
        font-size: 25px;
        width: 20px;
        height: 20px;
        background-image: unset;
        right: 0;
        left: auto;
        top: auto;
        bottom: 5px;
        line-height: 20px;
        text-align: center;
        color: #272727;
    }

    .mc_bf .swiper-button-prev {
        font-size: 25px;
        width: 20px;
        height: 20px;
        background-image: unset;
        right: 40px;
        left: auto;
        top: auto;
        bottom: 5px;
        line-height: 20px;
        text-align: center;
        color: #272727;
    }

    .mcb {
        width: 100%;
        overflow: hidden;
    }

    .mc_bf img {
        width: 100%;
        display: block;
    }

    .mc_bf .mcb_l {
        width: 800px;
        float: left;
    }

    .mcbl_t {
        width: 800px;
        height: 319px;
        position: relative;
        margin-bottom: 10px;
    }

    .mcbl_t p, .mcblb_l p, .mcblb_r p, .mcbr_t p, .mcbr_b p {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        text-align: center;
        font-size: 20px;
        width: 100%;
        height: 35px;
        color: #ffffff;
        line-height: 35px;
    }

    .mcbl_b {
        overflow: hidden;
    }

    .mcblb_l {
        width: 320px;
        height: 333px;
        float: left;
        position: relative;
        margin-right: 10px;
    }

    .mcblb_r {
        width: 468px;
        height: 285px;
        position: relative;
        float: right;
    }

    .mcb_r {
        width: 470px;
        float: right;
    }

    .mcbr_t {
        width: 470px;
        height: 330px;
        position: relative;
        margin-bottom: 10px;
    }

    .mcbr_b {
        width: 470px;
        height: 274px;
        position: relative;
    }

    .main_df {
        margin: 75px auto 80px;
    }

    .main_df .more:hover {
        background-color: #ae1e24;
        color: #fff;
        border-color: #ae1e24;
    }

    .md {
        width: 1280px;
        margin: 50px auto 0;
        overflow: hidden;
        position: relative;
    }

    .md .swiper-button-next {
        width: 54px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #ffffff;
        font-size: 30px;
        background-image: unset;
        background-color: #9dced2 !important;
        right: 0;
    }

    .md .swiper-button-prev {
        width: 54px;
        height: 45px;
        line-height: 45px;
        font-size: 30px;
        text-align: center;
        color: #ffffff;
        background-image: unset;
        background-color: #9dced2 !important;
        left: 0;
    }

    .md dl {
        width: 418px;
        position: relative;
        float: left;
        overflow: hidden;
        margin-right: 10px;
        background-color: #eeeef0;
    }

    .md dl:nth-child(3) {
        margin-right: 0;
    }

    .md dl dt {
        width: 100%;
        height: 280px;
        display: block;
    }

    .md dl dt img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .md dl dd {
        width: 100%;
        height: 45px;
        line-height: 45px;
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        bottom: 0;
    }

    .md dl dd span {
        font-size: 18px;
        color: #ffffff;
    }

    .md dl dd span:nth-child(1) {
        float: left;
        margin-left: 40px;
    }

    .md dl dd span:nth-child(2) {
        float: right;
        margin-right: 40px;
    }

    .more {
        width: 400px;
        height: 48px;
        border: 2px solid #525252;
        display: block;
        margin: 45px auto 0;
        text-align: center;
        line-height: 48px;
        font-size: 16px;
        color: #272727;
    }

    .main_ef {
        width: 100%;
        background-image: url(../images/main_ef.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-attachment: fixed
    }

    .main_ef img {
        width: 100%;
        display: block;
    }

    .main_ff {
        margin: 65px auto 75px;
    }

    .mf_t {
        text-align: center;
        margin-bottom: 45px;
    }

    .mf_b {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
    }

    .mf_b li {
        width: 420px;
        height: 281px;
        float: left;
        margin: 0 10px 42px 0;
    }

    .mf_b li:nth-child(3n) {
        margin-right: 0;
    }

    .mf_b li img {
        width: 100%;
        display: block;
    }

    .main_gf {
        width: 100%;
        background-color: #eeeef0;
        padding: 130px 0;
    }

    .mg {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
    }

    .mg li {
        width: 417px;
        height: 348px;
        border: 1px solid #b2b2b3;
        float: left;
        margin-right: 11px;
        background-size: 100% 100%;
        text-align: center;
    }

    .mg li:nth-child(1) {
        background-image: url(../images/mg_1.jpg);
    }

    .mg li:nth-child(2) {
        background-image: url(../images/mg_2.jpg);
    }

    .mg li:nth-child(3) {
        background-image: url(../images/mg_3.jpg);
    }

    .mg li:nth-child(3n) {
        margin-right: 0;
    }

    .mg li em {
        display: block;
        font-size: 30px;
        color: #ffffff;
        margin: 60px auto 40px;
    }

    .mg li i {
        width: 62px;
        height: 1px;
        background-color: #ffffff;
        display: block;
        margin: 0 auto 20px;
    }

    .mg li p {
        font-size: 14px;
        color: #ffffff;
        line-height: 25px;
    }

    .mg li a {
        width: 180px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 14px;
        color: #272727;
        display: block;
        margin: 50px auto 0;
        background-color: #ffffff;
        opacity: 0.8;
    }

    .mg li a:hover {
        background-color: #ae1e24;
        color: #fff;
    }

    .main_hf {
        width: 100%;
        padding: 40px 0;
        background-color: #272727;
        margin-top: 0;
    }

    .home .main_hf {
        margin-top: 0px;
    }

    .mh {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .mh dl {
        width: 120px;
        height: 60px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mh dl dt {
        width: 60px;
        height: 60px;
        border-radius: 3px;
        float: left;
        overflow: hidden;
    }

    .mh dl dt img {
        width: 100%;
        display: block;
    }

    .mh dl dd {
        font-size: 18px;
        color: #ffffff;
        line-height: 25px;
    }

    .navigation {
        width: 100%;
        height: 50px;
        background-color: #272727;
        margin-bottom: 90px;
    }

    .navigation_t {
        width: 1280px;
        height: 50px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .navigation_t li {
        width: 160px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: relative;
    }

    #product_nav .nt::before {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #252424;
        content: '';
        display: block;
        position: absolute;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
    }

    .navigation_t li:hover a,
    .navigation_t li.cur a {
        color: #272727;
        background-color: #eeeef0;
    }

    .navigation_t li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #ffffff;
        font-size: 18px;
    }

    .navigation_t .nt a {
        color: #272727;
        background-color: #eeeef0;
    }

    .navigation_b {
        width: 100%;
        background-color: #eeeef0;
        height: 50px;
        display: none;
    }

    .navigation_b nav {
        width: 1000px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
        padding: 0 50px;
    }

    .navigation_b nav a {
        color: #272727;
        font-size: 15px;
        padding: 0 25px;
        margin-right: 20px;
    }

    .navigation_b nav:nth-child(2) {
        width: 950px;
        padding-left: 50px;
    }

    .navigation_b nav:nth-child(3) {
        width: 930px;
        padding-left: 70px;
    }

    .navigation_b nav:nth-child(4) {
        text-align: center;
        width: 850px;
        padding-left: 150px;
    }

    .navigation_b nav:nth-child(5) {
        text-align: right;
        width: 870px;
        padding-right: 130px;
    }

    .navigation_b nav:nth-child(5) a {
        margin-right: 0px;
        margin-left: 20px;
    }

    .navigation_b nav:nth-child(6) {
        text-align: right;
        width: 920px;
        padding-right: 80px;
    }

    .zy_title {
        width: 1280px;
        border-bottom: 1px solid #827f80;
        margin: 0 auto;
    }

    .zyt {
        display: flex;
        align-items: center;
    }

    .zyt span {
        font-size: 38px;
        color: #0a848e;
    }

    .zyt em {
        font-size: 22px;
        color: #b9d3d6;
        text-transform: uppercase;
        line-height: 22px;
        margin-left: 15px;
    }

    .zy_title p {
        font-size: 12px;
        line-height: 30px;
        color: #0a848e;
        margin: 5px 0;
    }

    .product {
        width: 1280px;
        margin: 50px auto 0;
        overflow: hidden;
        border-bottom: 1px solid #827f80;
    }

    .product dl {
        width: 620px;
        height: 430px;
        margin: 0 40px 40px 0;
        float: left;
    }

    .product dl:nth-child(2n) {
        margin-right: 0;
    }

    .product dl dt {
        width: 620px;
        height: 340px;
        overflow: hidden;
        text-align: center;
    }

    .product dl dd {
        padding: 12px 0;
        text-align: center;
    }

    .product dl dd em {
        font-size: 18px;
        color: #272727;
        line-height: 32px;
        display: block;
    }

    .introduction {
        width: 1280px;
        margin: 50px auto 120px;
    }

    /*.introduction img {
        display: block;
    }*/

    .introduction p {
        font-size: 18px;
        line-height: 36px;
        color: #272727;
        margin-bottom: 30px;
    }

    .introduction p img {
        width: 100%;
        display: block;
    }

    .technology {
        width: 1280px;
        margin: 0 auto;
    }

    .technology img {
        width: 100%;
        display: block;
    }

    .guarantee_t {
        text-align: center;
        margin: 90px auto 60px;
    }

    .guarantee_t em {
        text-align: center;
        font-size: 38px;
        color: #0a848e;
        display: block;
    }

    .guarantee_t span {
        font-size: 22px;
        color: #0a848e;
        margin: 5px auto 20px;
        text-transform: uppercase;
        display: block;
    }

    .guarantee_t p {
        font-size: 12px;
        color: #0a848e;
    }

    .guarantee_b {
        width: 100%;
        margin: 0 0 87px;
    }

    .guarantee_b dl {
        width: 100%;
        overflow: hidden;
    }

    .guarantee_b dl img {
        width: 100%;
        display: block;
    }

    .guarantee_b dl:nth-child(odd) dt img {
        opacity: 0;
    }

    .guarantee_b dl:nth-child(even) dd img {
        opacity: 0;
    }

    .guarantee_b dl dt {
        width: 50%;
        float: left;
        background-attachment: fixed
    }

    .guarantee_b dl dd {
        width: 50%;
        float: left;
        background-attachment: fixed
    }

    .guarantee_b dl:nth-child(1) dt {
        background-image: url(../images/gb_1.jpg);
        background-size: 100% 100%;
    }

    .guarantee_b dl:nth-child(2) dd {
        background-image: url(../images/gb_4.jpg);
        background-size: 100% 100%;
    }

    .guarantee_b dl:nth-child(3) dt {
        background-image: url(../images/gb_5.jpg);
        background-size: 100% 100%;
    }

    .guarantee_b dl:nth-child(4) dd {
        background-image: url(../images/gb_8.jpg);
        background-size: 100% 100%;
    }

    .guarantee_b dl:nth-child(5) dt {
        background-image: url(../images/gb_9.jpg);
        background-size: 100% 100%;
    }

    .guarantee_b dl:nth-child(6) dd {
        background-image: url(../images/gb_12.jpg);
        background-size: 100% 100%;
    }

    .news {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
        border-bottom: 1px solid #827f80;
        margin-top: 50px;
    }

    .news dl {
        width: 380px;
        height: 435px;
        float: left;
        margin: 0 70px 50px 0;
        overflow: hidden;
    }

    .news dl:nth-child(3n) {
        margin-right: 0;
    }

    .news dl dt {
        width: 380px;
        height: 250px;
        overflow: hidden;
        text-align: center;
    }

    .news dl dt img {
        max-width: 380px;
        display: block;
    }

    .news dl dd span {
        font-size: 14px;
        color: #595656;
        display: block;
        margin: 30px 0 10px;
    }

    .news dl dd a {
        font-size: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news dl dd p {
        font-size: 14px;
        color: #595656;
        line-height: 24px;
        margin-top: 15px;
    }








    footer {
        margin: 0;
        padding: 0;
    }

    .footer_t {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
        padding: 85px 0 60px;
    }

    .ft_l {
        float: left;
    }

    .ft_l .logo {
        margin-top: 0;
        float: unset;
    }

    .ft_l_1 {
        margin: 65px 0 90px;
    }

    .ft_l_1 em {
        font-size: 20px;
        color: #7b7b7b;
        padding-left: 40px;
        display: block;
        height: 32px;
        line-height: 32px;
        background-image: url(../images/ft_l_1_em.png);
        background-repeat: no-repeat;
        background-position: left;
        color: #7b7b7b;
    }

    .ft_l_1 span {
        font-size: 36px;
        color: #272727;
    }

    .ft_l_2 p {
        font-size: 16px;
        color: #5d5d5d;
        line-height: 28px;
    }

    .ft_r {
        float: right;
    }

    .ftr_t {
        overflow: hidden;
    }

    .ftr_t ul {
        margin-left: 75px;
        float: left;
        text-align: center;
    }

    .ftr_t ul li a {
        font-size: 16px;
        color: #5d5d5d;
    }

    .ftr_t ul li a:hover {
        color: #d00000;
    }

    .ftr_t ul li:nth-child(1) {
        font-size: 18px;
        color: #000000;
        margin-bottom: 25px;
    }

    .ftr_t ul li {
        margin-bottom: 10px;
    }

    .ftr_b {
        overflow: hidden;
    }

    .ftr_b dl {
        float: right;
        width: 156px;
        margin-left: 50px;
    }

    .ftr_b dl dt {
        width: 156px;
        height: 156px;
    }

    .ftr_b dl dt img {
        width: 100%;
    }

    .ftr_b dl dd {
        text-align: center;
        font-size: 14px;
        color: #7b7b7b;
        margin-top: 5px;
    }

    .footer_b {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 12px;
        color: #7a7578;
        background-color: #eeeef0;
        margin-bottom: 120px;
        transition: all 0.5s;
    }
    /* 底部留咨窗口 */
    .lz_window {
        width: 100%;
        height: 120px;
        position: fixed;
        bottom: 0;
        left: 0;
        background-image: url(../images/lz_window.jpg);
        background-position: center;
        z-index: 80;
        transition: all 0.5s;
    }

    .lzw {
        width: 1020px;
        height: 120px;
        line-height: 120px;
        margin: 0 auto;
        padding-left: 260px;
        position: relative;
    }

    .lzw input {
        width: 180px;
        height: 40px;
        background-color: #ffffff;
        padding-left: 20px;
        font-size: 18px;
        margin-right: 20px;
        border: 0;
    }

    .lzw input:nth-child(4) {
        background-color: #ae1e24;
        width: 200px;
        padding: 0;
        color: #ffffff;
        cursor: pointer;
    }

    .close {
        width: 44px;
        height: 81px;
        background-image: url(../images/close.png);
        position: absolute;
        right: 0;
        top: 0;
    }

    .close_1 {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        height: 120px;
        width: 60px;
        background-image: url(../images/eject.png);
        background-size: 60% auto;
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0.85);
    }
    /* 浮窗 */
    .floating {
        width: 70px;
        position: fixed;
        top: 20%;
        right: 0px;
        z-index: 100;
    }

    .floating li {
        width: 70px;
        text-align: center;
    }

    .floating li:nth-child(1) {
        font-size: 18px;
        color: #ffffff;
        padding: 7px 10px;
        width: 50px;
        height: 46px;
        background-color: #28939c;
    }

    .floating li {
        background-color: #eeeef0;
    }

    .floating li em {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #4c4948;
        line-height: 24px;
    }

    .floating li i {
        display: block;
    }

    .floating li:nth-child(2) {
        padding: 13px 0 8px;
        position: relative;
display:none;
    }

    .floating li:nth-child(3):hover .f_Telephone {
        width: 150px;
        left: -150px;
    }

    .f_Telephone {
        height: 100%;
        line-height: 78px;
        background-color: #eeeef0;
        width: 0;
        font-size: 18px;
        color: #4c4948;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s;
        overflow: hidden;
    }

    .floating li:nth-child(2) i {
        width: 30px;
        height: 25px;
        display: block;
        background-image: url(../images/comments.png);
        margin: 0 auto 0;
    }

    .floating li:nth-child(3) {
        border-top: 1px solid #bebec0;
        border-bottom: 1px solid #bebec0;
        padding: 12px 0 5px;
        position: relative;
    }

    .floating li:nth-child(3) i {
        width: 23px;
        height: 37px;
        background-image: url(../images/customer.png);
        margin: 0 auto 0;
    }

    .floating li:nth-child(4) i {
        width: 29px;
        height: 29px;
        background-image: url(../images/code.png);
        margin: 0 auto 0;
    }

    .floating li:nth-child(4) {
        padding: 13px 0 8px;
        position: relative;
        transition: all 0.5s;
    }

    .floating li:nth-child(4):hover .f_code {
        width: 156px;
        height: 156px;
        left: -156px;
    }

    .f_code {
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s;
    }

    .f_code img {
        width: 100%;
        display: block;
    }

    .floating li:nth-child(5) {
        background-color: #0a848e;
        padding: 0 0 15px;
    }

    .floating li:nth-child(5) span {
        display: block;
        font-size: 36px;
        color: #ffffff;
        font-family: '宋体';
        transform: rotate(-90deg);
    }

    .floating li:nth-child(5) b {
        display: block;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        font-weight: 400;
    }
@media screen and (max-width: 750px) {
    html, body, form {
        min-width: 1280px;
        max-width: 1280px;
        width:1280px;
        margin: 0 auto;
    }
}