
               
                .header {
                    width: 100%;
                    height: 5.1rem;
                    z-index: 10;
                    position: relative;background: #fff;
                }
                
                .logo {
                    width: 4%;
                    line-height: 0;
                    display: flex;
                    align-items: center;
                    height: 5.1rem;
                    margin-left: 4.2%;
                }
                
                .logo img {
                    display: block;
                    width: 100%;
                }
                
                .h_dw {
                    padding: 1.1rem 0 0 0;
                    font-size: 0.8rem;
                    color: #000000;
                    line-height: 100%;
                    position: relative;
                    font-weight: bold;
                    margin-left: 0.8rem;
                    line-height: 110%;
                    font-weight: normal;
                    text-align: left;
                    letter-spacing: 1px;
                }
                
                .h_dw span {
                    display: block;
                    font-weight: bold;
                    line-height: 100%;
                    font-size: 1.2rem;
                    margin-bottom: 0.7rem;
                }
                
                .h_nav {
                    width: 54.5%;
                    padding-top: 2.1rem;
                }
                
                .h_nav ul {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                }
                
                .h_nav li a {
                    font-size: 0.8rem;
                    color: #000000;
                    display: block;
                    float: left;
                    position: relative;
                    z-index: 4;
                    text-decoration: none;
                    line-height: 100%;
                    padding-bottom: 0.65rem;
                }
                
                .h_nav li a:after {
                    position: absolute;
                    bottom: 0;
                    left: 10%;
                    width: 80%;
                    height: 0.15rem;
                    background: #bf131b;
                    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_nav li a:hover,
                .h_nav li.cur a {
                    color: #bf131b;
                }
                
                .search {
                    width: 8rem;
                    height: 5.1rem;
                    line-height: 0;
                    align-items: center;
                    cursor: pointer;
                    position: relative;
                    margin-left: 2.4rem;
                }
                
                .search .h_tel {
                    position: relative;
                    float: left;
                    margin-top: 1.7rem;
                }
                
                .search .h_tel em {
                    position: relative;
                    display: inline-block;
                    position: relative;
                    z-index: 99;
                }
                
                .h_tel i {
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 1.7rem;
                    z-index: 5;
                    background-color: #bf131b;
                    border-radius: 1.7rem;
                    color: #fff;
                    font-size: 1rem;
                    width: 19rem;
                    line-height: 1.7rem;
                    text-align: center;
                    transition: all 0.2s;
                    opacity: 0;
                }
                
                .search .h_tel:hover i {
                    opacity: 1;
                }
                
                .search .h_tel img {
                    width: 1.7rem;
                    height: 1.7rem;
                    border-radius: 1.7rem;
                    display: inline-block;
                }
                
                .search .sea_icon img {
                    width: 5.1rem;
                    height: 5.1rem;
                    float: right;
                }
                
                .search .h_tel:hover img {
                    -webkit-animation: hvr-buzz-out 0.75s linear;
                    animation: hvr-buzz-out 0.75s linear;
                }
                
                .sea_box {
                    position: absolute;
                    right: 0;
                    top: 5.1rem;
                    z-index: 100;
                    display: none;
                    background: #bf131b;
                    border: 1px solid #fff;
                    box-sizing: border-box;
                    /* background-color: #ed1c24; */
                    line-height: 100%;
                    font-size: 1rem;
                    color: #dfdcdf;
                    width: 20rem;
                    border-radius: 2.5rem;
                }
                
                .sea_box input {
                    height: 2.5rem;
                    line-height: 2.5rem;
                    border: none;
                    background: none;
                    outline: none;
                    color: #fff;
                    padding-left: 1.5rem;
                    width: 15rem;
                    float: left;
                }
                
                .sea_box button {
                    width: 3.3rem;
                    border-radius: 3.3rem;
                    float: right;
                    border: none;
                    background: url(images/seach.jpg) no-repeat center;
                    outline: none;
                    color: #fff;
                    cursor: pointer;
                    height: 2.5rem;
                    background-color: #bf131b;
                }
                
                input::-webkit-input-placeholder {
                    color: #fff;
                }
                
                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: 37%;
                    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;
                    right: 7.3%;
                    top: 58%;
                }
                
                .sm_m {
                    font-size: 1.5rem;
                    color: #fff;
                    height: 3rem;
                    line-height: 3rem;
                    overflow: hidden;
                }
                
                .sm_m b {
                    font-size: 2rem;
                    font-weight: normal;
                }
            

                
.video dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  position: relative;
  border-radius:1.4rem;
}
.video dl dt img,
.video dl dt video,
.video dl dt .video-pic .video-wrap {
  border-radius: 1.4rem;
}
.video dl dd {
  width: 86%;
  position: absolute;
  bottom: 2rem;
  left: 1.1rem;
  z-index: 6;
}
.video dl dd a {
  width: 100%;
  color: #000;
  display: flex;
  align-items: center;
}
.video dl dd b {
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: #000;
  margin-right: 1.5rem;
  width: 60%;
  float: right;
}
.video dl dd i {
  display: block;
}
.video dl dd em {
  width: 2.7rem;
  height: 2.7rem;
  background: #be131b;
  line-height: 0;
  overflow: hidden;
  border-radius: 2.7rem;
  text-align: center;
  border: 0.5rem solid rgba(225, 225, 225, 0.75);
 
}
.video dl dd em img {
  width: 2.7rem;
}
.video dl:hover dd em img{
  background: #fc6229;
}
.video dl:hover dd b {
  color: #fff;
}
.video .next-btn {
  position: absolute;border-radius: 3rem;
  cursor: pointer;
  left: 45%;
  top: 23.5rem;
  z-index: 55;width: 3rem;
  height: 3rem;
}
.video .prev-btn {
  position: absolute;border-radius: 3rem;
  cursor: pointer;
  right: 45%;
top: 23.5rem;
  z-index: 55;width: 3rem;
  height: 3rem;
}
.video-pic .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 5;
  background: #000;
}
.ques .ques_r .qu_on:first-of-type dl dd p {
    float: none;
    width: 100%;
    clear: both;
}
.ques .ques_r .qu_on:nth-of-type(3) li span {padding-top: 0.3rem;line-height: 100%;}
            

                .f_bg {
                    background: #eaeaea;
                    height: 23.6rem;
                    overflow: hidden;
                    padding-top: 4rem;
                    position: relative;
                }
                
                .f_bl {
                    float: left;
                }
                
                .f_bl h3 {
                    height: 12.3rem;
                    overflow: hidden;
                }
                
                .f_bl h3 em {
                    display: block;
                    height: 5.1rem;
                }
                
                .f_bl h3 em img {
                    display: block;
                    float: left;
                    margin-right: 0.65rem;
                }
                
                .f_bl h3 em strong {
                    display: block;
                    float: left;
                    padding-top: 0.45rem;
                    font-size: 1.25rem;
                    color: #000;
                    line-height: 100%;
                    position:relative;
                }
                
                .f_bl h3 em strong span {
                    display: block;
                    font-weight: normal;
                    line-height: 100%;
                    font-size: 1rem;
                    background: url(images/f_ico2.jpg) no-repeat left center;
                    margin-top: 0.6rem;
                    text-align: center;
    position: absolute;
    left: 0%;
width: 7.5rem;
  background-size: 7.5rem 0.2rem;

                }
                
                .f_bl h3 i {
                    display: block;
                    line-height: 100%;
                    color: #0b0a0a;
                    font-size: 2.4rem;
                    font-weight: normal;
                }
                 .f_bl h3 i span{display:block;       font-size: 1rem;}
                
                .f_bl ul {
                    overflow: hidden;
                }
                
                .f_bl ul li {
                    float: left;
                    width: 6.7rem;
                    margin-right: 0.45rem;
                    text-align: center;
                    line-height: 100%;
                    font-size: 0.8rem;
                    color: #0b0a0a;
                }
                
                .f_bl ul li i {
                    display: block;
                    line-height: 100%;
                    padding-bottom: 0.75rem;
                }
                
                .f_bl ul li img {
                    width: 5.6rem;
                    padding: 0.55rem;
                    background-color: #fff;
                    border-radius: 0.8rem;
                }
                
                .footer {
                    width: 83.33%;
                    margin: 0 auto;
                }
                
                .f_nav {
                    float: right;
                    width: 60%;
                }
                
                .f_nav p {
                    line-height: 100%;
                    font-size: 0.8rem;
                    color: #aaa;
                    text-align: right;
                }
                
                .f_nav p i {
                    display: block;
                    padding-bottom: 0.75rem;
                }
                
                .f_nav p span {
                    padding-left: 1rem;
                }
                
                .f_nav .f_ul01 {
                    display: flex;
                    justify-content: space-between;
                    height: 19.2rem;
                }
                
                .f_ul01 li a {
                    font-size: 0.82rem;
                    color: #282828;
                    font-weight: bold;
                    display: block;
                    line-height: 100%;
                    width: 100%;
                    position: relative;
                    margin-bottom: 2.5rem;
                }
                
                .f_ul01 .f_ul02 li {
                    width: 100%;
                }
                
                .f_ul01 .f_ul02 li a {
                    line-height: 100%;
                    font-size: 0.72rem;
                    color: #646464;
                    margin-bottom: 0.75rem;
                    font-weight: normal;
                    position: relative;
                }
                
                .f_ul01 .f_ul02 li a::before {
                    position: absolute;
                    left: -0.7rem;
                    top: 0.15rem;
                    content: "";
                    width: 0.2rem;
                    height: 0.5rem;
                    background: url(images/f_ico1.jpg) no-repeat;
                    opacity: 0;
                }
                
                .f_ul01 .f_ul02 li a:hover {
                    letter-spacing: 0;
                    color: #bf131b;
                }
                
                .f_ul01 .f_ul02 li a:hover::before {
                    opacity: 1;
                }
                
                .f_ul01 li a:hover {
                    color: #bf131b;
                }
                
                .f_bl {
                    float: left;
                    width: 34%;
                }
            

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#be131b url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#be131b url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#be131b url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#be131b url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#be131b url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#be131b url(images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#be131b url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 360px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
