.header{width: 100%;height: 6rem;position: absolute;top: 0;left: 0;z-index: 10;}
        .header:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}
        .logo{width: 10%;line-height: 0;display: flex;align-items: center;height: 6rem;margin-left: 3.4%;}
        .logo img{display: block;width: 100%;}
        .h_dw{padding:1.1rem 0 0 2.5rem;font-size: 1.2rem;color: #000;line-height: 1.8rem;}
        .h_dw i{color: #d81d11;}
        .h_dw span{color: #282828;font-size: 1.1rem;display: block;font-weight: normal;}
        .h_nav{width: 46%;padding-top: 2.5rem;height: 3.5rem;margin-right: 5%;}
        .h_nav ul{ width: 100%; height:3.5rem;display: flex;justify-content: space-between;}
        .h_nav li{position: relative;}
        .h_nav li>a{ font-size:0.8rem; color:#000;display:block; float:left;position: relative;z-index: 4; text-decoration:none;height: 3.5rem;line-height: 3rem;}
        .h_nav li>a:after {
        position: absolute;
        bottom: 0;
        left: calc(50% - 2rem);
        width: 4rem;
        height: 0.15rem;
        background: #de1e1d;
        content: '';
        opacity: 0;
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
        transition: height 0.3s, opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
        }
        .h_nav li>a:hover:after,
        .h_nav li.cur>a:after{
        height: 0.15rem;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
        }
        .h_tel{font-size: 0.7rem;color: #282828;height: 1.6rem;position: absolute;top: 0.7rem;right: 5%;background: rgba(120,120,120,0.2);display: flex;align-items: center;padding: 0 0.7rem 0 0.4rem;border-radius: 1rem;}
.h_tel em{width: 1rem;height: 1rem;line-height: 0;padding-right: 0.3rem;}
.h_tel em img{width: 1rem;height: 1rem;}
        
        .submenu {
            position: absolute;
            left: 50%;
            top: 100%;
            z-index: 500;
            transform: translateX(-50%);
            max-height: 0;
            transition: max-height 0.4s linear;
            -ms-transition: max-height 0.4s linear;
            -moz-transition: max-height 0.4s linear;
            overflow: hidden;
        }
        .submenu p {
            background: rgba(242, 242, 242, 1);
            padding: 6px 10px;
            border-radius: 10px;
            position: relative;
        }
        
        .submenu p:before {
            position: absolute;
            content: "";
            border-width: 9px 8px;
            border-style: solid;
            border-color: transparent transparent rgba(242, 242, 242, 1);
            top: 0;
            left: 50%;
            margin-left: -8px;
            transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            opacity: 0;
        }
        
        .submenu a {
            transition: all .4s ease;
            display: block;
            font-weight: 500;
            padding: 0 17px 0 32px;
            font-size: 16px;
            line-height: 48px;
            color: #333333;
            line-height: 54px;
            white-space: nowrap;
            position: relative;
            border-bottom: 1px dotted #333333;
            text-align: left;
        }
        
        .submenu a:last-child {
            border-bottom: 0
        }
        
        .submenu a:before {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            border: 2px solid #333333;
            border-radius: 50%;
            top: 23px;
            left: 13px;
            transition: ease .4s;
            -o-transition: ease .4s;
        }
        
        .submenu a:hover {
            color: #000;
            font-weight: bold;
        }
        
        .header .h_nav li:hover .submenu{max-height: 1000px;}
        .header .h_nav li:hover .submenu p:before{opacity: 1;}
        
        em,i{font-style: normal;}
        
        html{font-size:12px;-webkit-text-size-adjust:none}
        @media screen and (min-width:1200px){html{font-size:12.5px}
        }
        @media screen and (min-width:1280px){html{font-size:13.33333px}
        }
        @media screen and (min-width:1366px){html{font-size:14.22916px}
        }
        @media screen and (min-width:1440px){html{font-size:15px}
        }
        @media screen and (min-width:1600px){html{font-size:16.66666px}
        }
        @media screen and (min-width:1800px){html{font-size:18.75px}
        }
        @media screen and (min-width:1920px){html{font-size:20px}
        }
        
 
        .banner{position: relative; height:auto;clear: both;}
        .banner img {display: block;width: 100%;margin:0 auto;}
        .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 4rem; height: 4rem; margin-top: -2.5rem;border: 0; outline: none;cursor: pointer;transition:.8s;}
        .banner .slick-prev {left: 1%; background:url(../images/uu.png) no-repeat center center/4rem 4rem;opacity: 0;}
        .banner .slick-next {right: 1%;background:url(../images/dd.png) no-repeat center center/4rem 4rem;opacity: 0;}
        .banner:hover .slick-prev { left: 2%; opacity: 1; }
        .banner:hover .slick-next { right: 2%; opacity: 1; }
        .slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
        .slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
        .slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s;}
        .slick-dots .slick-active button {background: #fd3a00;width: 40px;}
        .small{position: absolute;left:8.3%;bottom: 3rem;}
        .sm_m{ font-size: 1.5rem;color: #000;height: 3rem;line-height: 3rem;overflow: hidden;}
        .sm_m b{font-size: 2rem;font-weight: normal;}
        .banner .banMenu {position: absolute;left: 50%;bottom: 3rem;width: 2.3rem;height: 3.3rem;margin-left: -1.1rem;text-align: center;z-index: 5;}
        .banner .banMenu i {display: block;width: 2.3rem;height: 3.3rem; cursor: pointer;position: absolute;bottom: 0;left: 0;}
        .banner .banMenu i img {
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
                -webkit-animation: bounceY 2s infinite;
                -moz-animation: bounceY 2s infinite;
                -o-animation: bounceY 2s infinite;
                -ms-animation: bounceY 2s infinite;
                animation: bounceY 2s infinite;
            }
          @-moz-keyframes bounceY {
                0%,
                100% {
                    -moz-transform: translateY(0);
                    transform: translateY(0);
                }
                50% {
                    -moz-transform: translateY(-6px);
                    transform: translateY(-6px);
                }
            }
            
            @-o-keyframes bounceY {
                0%,
                100% {
                    -o-transform: translateY(0);
                    transform: translateY(0);
                }
                50% {
                    -o-transform: translateY(-6px);
                    transform: translateY(-6px);
                }
            }
            
            @keyframes bounceY {
                0%,
                100% {
                    transform: translateY(0);
                }
                50% {
                    transform: translateY(-6px);
                }
            }
        

      .f_bg {
        background:#e7e7e7 url(../images/f_bg.jpg) no-repeat center top/100% 1.8rem;
        height: 30.3rem;
        overflow: hidden;
        padding-top: 3.5rem;
      }
      .footer {
        width: 83.33%;
        margin: 0 auto;
      }
      .f_logo {
        width: 14.4%;
        height: 16.6rem;
        line-height: 0;
      }
      .f_logo img{width: 100%;display: block;}
      .f_nav {
        height: 16.6rem;
        width: 70%;
      }
      .f_ul01 li {
        height: 16.6rem;
        float: left;
        padding-left: 4%;
        position: relative;
      }
      .f_ul01 li:after {
        content: "";
        width: 1px;
        height: 14.5rem;
        background: rgba(64,64,64,0.1);
        position: absolute;
        top: 0.5rem;
        right: 0;
      }
      .f_ul01 li a{
        font-size: 0.8rem;
        color: #000;
        display: block;
        height: 1.8rem;
        line-height: 1.8rem;
        width: 100%;
        margin-bottom: 1rem;
      }
      .f_ul01 .f_ul02 li {
        width: 100%;
        height: 2rem;
        line-height: 2rem;
        padding-left: 0;
      }
      .f_ul01 .f_ul02 li:after,.f_ul01 li.f_li04:after{display: none;}
      .f_ul01 .f_ul02 li a {
        font-size: 0.7rem;
        color: rgba(0,0,0,0.7);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-weight: normal;
        margin-bottom: 0;
      }
      .f_nav ul li a:hover {
        color: #000;
        text-decoration: underline;
      }
      .f_ul01 li.f_li01{width: 60%;padding-left: 0;}
      .f_ul01 li.f_li02{width: 12%;}
      .f_ul01 li.f_li03{width: 9%;}
      .f_ul01 li.f_li04{width: 7%;}
      .f_ul01 li.f_li01 .f_ul02 li{width: 25%;float: left;}
      .f_ban {
        width: 30%;
        height: 9.4rem;
      }
      .f_ban p {
        height: 2.2rem;
        display: flex;
        align-items: center;
        font-size: 0.8rem;
        color: #282828;
      }
      .f_ban p em {
        width: 1.6rem;
        height: 1.6rem;
        line-height: 0;
        margin-right: 0.5rem;
        background: #e02d21;
        border-radius: 50%;
        overflow: hidden;
      }
      .f_ban p em img {
        width: 1.6rem;
        height: 1.6rem;
      }
      .f_ban a {
        color: #282828;
      }
      .f_er{width: 28%;display: flex;justify-content: space-between;padding-top: 1.2rem;}
      .f_er p {
        width: 24%;
      }
      .f_er p em {
        width: 100%;
        display: block;
        background: #fff;
        padding: 0.2rem;
        line-height: 0;
        border-radius: 0.25rem;
        box-sizing: border-box;
      }
      .f_er p img {
        display: block;
        width: 100%;
      }
      .f_er p span {
        display: block;
        width: 100%;
        font-size: 0.7rem;
        color: #282828;
        line-height: 1rem;
        text-align: center;
        padding-top: 0.3rem;
      }
      .f_bot {
        width: 100%;
        height: 4.3rem;
        line-height: 4.3rem;
        font-size: 0.8rem;
        color: rgba(51, 51, 51, 0.6);
        border-top: #bbb 1px solid;
        box-sizing:border-box;
      }
      .f_bot span {
        padding: 0 0.5rem;
      }
      .f_bot a {
        color: rgba(51, 51, 51, 0.6);
      }
    

    .xin-2112-client-1 {
        width: 76px;
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 999;
        color: #333;
        background: #fff;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
    }
    
    .xin-2112-client-1 li {
        width: 76px;
        border-radius: 2px;
        position: relative;
        cursor: pointer;
        padding: 10px 0 13px;
    }
    
    .xin-2112-client-1 li.my-kefu-top {
        display: none;
    }
    
    .xin-2112-client-1 li a {
        display: block;
        height: 100%;
        text-decoration: none;
        color: #333;
    }
    
    .xin-2112-client-1 li i {
        display: block;
        width: 38px;
        height: 37px;
        overflow: hidden;
        margin: 0 auto;
        background: url("../images/xin-2112-client-icon.png") no-repeat;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }
    
    .xin-2112-client-1 li.my-kefu-tel i {
        background-position: 0 0;
    }
    
    .xin-2112-client-1 li.my-kefu-link i {
        background-position: 0 -47px;
    }
    
    .xin-2112-client-1 li.my-kefu-qq i {
        background-position: 0 -94px;
    }
    
    .xin-2112-client-1 li.my-kefu-weixin i {
        background-position: 0 -141px;
    }
    
    .xin-2112-client-1 li.my-kefu-top i {
        background-position: 0 -188px;
    }
    
    .xin-2112-client-1 li .client-2112-cont {
        width: 160px;
        padding: 14px 14px 14px 70px;
        position: absolute;
        right: 85px;
        top: 4px;
        color: #fff;
        font-size: 18px;
        height: 32px;
        line-height: 32px;
        text-align: left;
        background: #e12c21;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #e12c21;
    }
    
    .xin-2112-client-1 li .client-2112-cont:before {
        content: "";
        position: absolute;
        width: 38px;
        height: 38px;
        background: url("../images/xin-2112-client-icon.png") no-repeat;
        left: 25px;
        top: 50%;
        margin-top: -19px;
        z-index: 1;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin {
        width: 115px;
        padding: 14px;
        position: absolute;
        right: 85px;
        top: -28px;
        background: #fff;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #fff;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin img {
        width: 115px;
        height: 115px;
        display: block;
    }
    
    .xin-2112-client-1 li.my-kefu-tel .client-2112-cont:before {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.my-kefu-qq .client-2112-cont:before {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li p {
        display: block;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
    
    .xin-2112-client-1 li.my-kefu-link a {
        animation: heart 1s ease-in-out infinite alternate;
    }
    
    .xin-2112-client-1 li.cur,
    .xin-2112-client-1 li:hover {
        background: #e12c21;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-tel i,
    .xin-2112-client-1 li.my-kefu-tel:hover i {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-link i,
    .xin-2112-client-1 li.my-kefu-link:hover i {
        background-position: -70px -47px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-qq i,
    .xin-2112-client-1 li.my-kefu-qq:hover i {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-weixin i,
    .xin-2112-client-1 li.my-kefu-weixin:hover i {
        background-position: -70px -141px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-top i,
    .xin-2112-client-1 li.my-kefu-top:hover i {
        background-position: -70px -188px;
    }
    
    .xin-2112-client-1 li.cur p,
    .xin-2112-client-1 li:hover p {
        color: #fff;
    }
    
    .xin-2112-client-1 li:hover .client-2112-cont,
    .xin-2112-client-1 li:hover .client-2112-cont-weixin {
        display: block!important;
    }