.title {
     margin: 4% 0 2% 0;
     overflow: hidden;
 }
 
 li{
 list-style: none; 
 }
 .title font {
     font-size: 30px;
     line-height: 34px;
     text-transform: uppercase;
 }
 
 .title em {
     font-size: 18px;
     border: solid 2px #cfcfcf;
     margin-top: 10px;
     margin-left: 10px;
     text-align: center;
     width: 100%;
     font-style: normal;
     max-width: 170px;
     line-height: 46px;
 }
 
 .title em a {
     color: #464646;
 }
 
 .products {
     width: 100%;
     position: relative;
     background: #f5f5f5;
     margin-top: 60px;
     height: 900px;
 }
 
 .products .title {
     position: relative;
     color: #fff;
     z-index: 1;
 }
 
 .products .title em {
     border: solid 2px #fff;
 }
 
 .products .title em a {
     color: #fff;
 }
 
 .products .products-bg {
     background: url(../image/cpbj.jpg);
     width: 100%;
     height: 500px;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .products ul {
     position: relative;
     z-index: 1;
     float: left;
     width: 100%;
     padding-bottom: 8%;
     /* padding-top: 8%; */
 }
 
 .products ul li {
     float: left;
     width: 24.5%;
     position: relative;
     background: #fff;
     margin-right: 0.5%;
 }
 
 .products ul li.clear {
     margin-right: 0;
 }
 
 .products ul li img {
     max-width: 100%;
     display: block;
 }
 
 .products ul li .item {
     color: #fff;
     position: absolute;
     width: 100.2%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 17% 2.5%;
     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, .5) 100%);
     transition: all 0.5s;
 }
 
 .products ul li .item span {
     display: block;
     font-size: 24px;
     /* padding: 0 0 0 25px; */
     font-weight: 600;
     letter-spacing: 2px;
 }
 
 .products ul li .item font {
     display: block;
     font-size: 18px;
     text-transform: uppercase;
     padding: 5px 0 70px 25px;
 }
 
 .products ul li .item em {
     position: absolute;
     bottom: 10%;
     left: 10%;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
 }
 
 .products ul li:hover .item {
     background: rgba(0, 0, 0, 0.6);
     height: 20%;
     min-height: 30%;
     top: 70%;
 }
 /*以下代码是自适应样式*/
 
 @media screen and (max-width:1320px) {}
 
 @media screen and (max-width:1178px) {}
 
 @media screen and (max-width:800px) {
     .products .products-bg {
         height: 100%;
         background: url(../image/sjbj.jpg);
         background-size: 100%;
     }
     .products ul li {
         width: 47%;
         margin-bottom: 4%;
         /* margin-right: 4%;*/
     }
     .products ul li:nth-of-type(1) {
         width: 47%;
         margin-bottom: 4%;
         margin-right: 5%;
     }
     .products ul li:nth-of-type(3) {
         width: 47%;
         margin-bottom: 4%;
         margin-right: 5%;
     }
     .products ul li.l {
         margin-right: 0.5% !important;
     }
     .products ul li.r {
         margin-left: 0.5% !important;
     }
     .products ul li .item {}
     .products ul li .item span {
         font-size: 18px;
     }
     .products ul li .item font {
         font-size: 14px;
         padding-bottom: 15%;
     }
     .products ul li .item em {
         font-size: 18px;
     }
 }
 
 .brand {
     width: 100%
 }
 
 .brand .brand-left,
 .brand .brand-right {
     width: 49%;
 }
 
 .brand .brand-item {
     color: #fff;
     position: relative;
     overflow: hidden;
 }
 
 .brand .brand-item .pic-scale {
     -webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
     transition: opacity 0.55s, transform 0.55s;
     -webkit-transform: scale(1);
     transform: scale(1);
 }
 
 .brand .brand-item:hover .pic-scale {
     -webkit-transform: scale(1.1);
     transform: scale(1.04);
 }
 
 .brand .brand-item .item {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     padding: 10%;
     height: 100%;
     color: #fff;
 }
 
 .brand .brand-item .item .p1 {
     font-size: 24px;
     line-height: 35px;
     text-transform: uppercase;
 }
 
 .brand .brand-item .item .p2 {
     margin: 20px 0;
     text-align: center;
     font-size: 27px;
 }
 
 .brand .brand-item .item .p3 {
     display: none;
     text-align: center;
 }
 
 .brand .brand-item .item:hover .p3 {
     display: block;
 }
 
 .brand .brand-item .item .p3 img {
     margin: 0 auto;
     display: block;
 }
 
 .brand .brand-left .item .p2 {
     margin-top: 32%;
     font-weight: 600;
 }
 
 .brand .brand-right .item .p2 {
     text-align: left;
     font-size: 16px;
 }
 
 .brand .brand-right .item .p3 {
     display: none;
     position: absolute;
     right: 2.5%;
     bottom: 5%;
     width: 40px;
 }
 
 .brand .brand-right .item:hover .p3 {
     display: block;
 }
 
 .brand .brand-right .item .p3 img {
     max-width: 100%;
 }
 
 .brand .brand-right .clear {
     margin-top: 1%;
     height: 333px;
 }
 
 .cp {
     padding: 130px 0;
     background: whitesmoke;
 }
 
 .cp .cp-left {
     position: relative;
     color: #fff;
     overflow: hidden;
     height: 500px;
 }
 
 .cp .cp-left a {
     color: #fff;
 }
 
 .cp .cp-left .dep {
     width: 50%;
     padding: 5% 10%;
     height: 500px;
     background: url(../image/home-case.jpg) no-repeat center;
     background-size: cover;
 }
 
 .cp .cp-left .dep .top {
     margin-bottom: 20%;
 }
 
 .cp .cp-left .dep .top .p1 {
     font-size: 30px;
     margin-top: 5px;
 }
 
 .cp .cp-left .dep .bottom {}
 
 .cp .cp-left .dep .bottom .p1 {
     font-size: 20px;
     text-transform: uppercase;
 }
 
 .cp .cp-left .dep .bottom .p2 {
     font-size: 30px;
     font-weight: bold;
     /*padding-left: 5px;*/
     line-height: 50px;
 }
 
 .cp .cp-left .dep .bottom .p3 {
     font-size: 15px;
     margin-top: 50px;
     line-height: 26px;
 }
 
 .cp .cp-left .vr {
     width: 50%;
     padding: 5% 10%;
     height: 500px;
     background: url(../image/home-vr.png) no-repeat center;
     background-size: cover;
 }
 
 .cp .cp-left .vr .p1 {
     font-size: 30px;
     color: #333;
 }
 
 .cp .cp-left .vr .p2 {
     font-size: 24px;
     color: #333;
     margin-top: 10%;
 }
 
 .cp .cp-left .vr .p3 {
     font-size: 14px;
     color: #797979;
     max-width: 380px;
     margin: 30px 0 4% 0;
     line-height: 25px;
 }
 
 .cp .cp-left .vr .p4 {
     font-size: 14px;
     border: solid 2px #d30000;
     text-align: center;
     width: 130px;
     line-height: 36px;
     background: #d30000;
 }
 
 .cp .cp-right div {
     width: 50%;
     position: relative;
     padding: 5% 10%;
     height: 500px;
 }
 
 .cp .cp-right div .p1 {
     font-size: 25px;
     color: #666;
 }
 
 .cp .cp-right div .p2 {
     font-size: 24px;
     color: #333;
     line-height: 1.5;
     margin-top: 10%;
 }
 
 .cp .cp-right div .p3 {
     font-size: 14px;
     color: #797979;
     max-width: 380px;
     margin: 30px 0 5% 0;
     line-height: 25px;
 }
 
 .cp .cp-right div .p4 {
     font-size: 14px;
     border: solid 2px #dcdcdc;
     text-align: center;
     width: 130px;
     line-height: 36px;
     color: #666;
 }
 
 .cp .cp-right div.join {
     background: #fff;
 }
 
 .cp .cp-right div.download {
     color: #fff;
     background: url(../image/home-download.jpg) no-repeat center;
     background-size: cover;
 }
 
 .cp .cp-right div.download .p1,
 .cp .cp-right div.download .p2,
 .cp .cp-right div.download .p3,
 .cp .cp-right div.download .p4 {
     color: #fff;
 }
 /*以下代码是自适应样式*/
 
 @media screen and (max-width:800px) {
     .cp .cp-left,
     .cp .cp-right {
         width: 100%;
         height: auto;
     }
     .cp .cp-left .dep {
         width: 100%;
         padding: 20% 10%;
     }
     .cp .cp-left .dep .top {
         margin-bottom: 20%;
     }
     .cp .cp-left .dep .top .p1 {
         font-size: 24px;
         margin-top: 5px;
     }
     .cp .cp-left .dep .bottom {}
     .cp .cp-left .dep .bottom .p1 {
         font-size: 16px;
         text-transform: uppercase;
     }
     .cp .cp-left .dep .bottom .p2 {
         font-size: 20px;
         font-weight: bold;
         margin-left: -5px;
         line-height: 50px;
     }
     .cp .cp-left .dep .bottom .p3 {
         font-size: 14px;
         margin-top: 50px;
         line-height: 26px;
     }
     .cp .cp-left .vr {
         width: 100%;
         padding: 20% 10%;
     }
     .cp .cp-left .vr .p1 {
         font-size: 24px;
     }
     .cp .cp-left .vr .p2 {
         font-size: 20px;
         margin-top: 10%;
     }
     .cp .cp-left .vr .p3 {
         font-size: 14px;
         color: #797979;
         max-width: 380px;
         margin: 10px 0 10% 0;
         line-height: 26px;
     }
     .cp .cp-left .vr .p4 {
         font-size: 14px;
         border: solid 2px #d30000;
         width: 150px;
     }
     .cp .cp-right div {
         width: 100%;
         height: auto;
     }
     .cp .cp-right div .p1 {
         font-size: 20px;
     }
     .cp .cp-right div .p2 {
         font-size: 18px;
         line-height: 40px;
     }
     .cp .cp-right div .p3 {
         font-size: 13px;
         margin: 10px 0 5% 0;
         line-height: 26px;
     }
     .cp .cp-right div .p4 {
         font-size: 14px;
         border: solid 1px #dcdcdc;
         width: 150px;
     }
     .cp cp {
         padding: 30px 0;
         background: whitesmoke;
     }
 }
 /*以下代码是自适应样式*/
 
 @media screen and (max-width:1320px) {}
 
 @media screen and (max-width:1178px) {}
 
 .news li {
     float: left;
     width: 32%;
     border: solid 1px #fff;
     box-shadow: 0 10px 40px rgb(0 0 0 / 5%);
     padding: 2.5%;
     margin: 0.5%;
     max-height: 480px;
     overflow: hidden;
     min-height: 288px;
     margin-bottom: 50px;
 }
 
 .news li .item {
     width: 100%;
 }
 
 .news li .item h3 {
     font-size: 18px;
     color: #252525;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     margin: 7.5% 0 5% 0;
 }
 
 .news li .item p {
     font-size: 13px;
     color: #797979;
     height: 80px;
     overflow: hidden;
     line-height: 25px;
 }
 
 .news li .item em {
     font-size: 21px;
     color: #333333;
     line-height: 30px;
     margin-top: 5px;
     font-style: normal;
 }
 
 .news li .item em font {
     display: inline-block;
     font-size: 40px;
 }
 
 .news li .thumb {
     width: 100%;
 }
 
 .news li .thumb img {
     width: 100%;
     /*  min-height: 200px;
    max-height: 200px;*/
 }
 
 .news li.l {
     margin-right: 0.5%;
 }
 
 .news li.r {
     margin-left: 0.5%;
 }
 
 .news li:hover {
     border: solid 1px #f6f6f6;
 }
 
 .news li:hover .item em {
     color: #d22633;
 }
 /*以下代码是自适应样式*/
 
 @media screen and (max-width:1320px) {
     .news li {
         width: 49%;
     }
 }
 
 @media screen and (max-width:1178px) {
     .news li {
         width: 49%;
     }
 }
 
 @media screen and (max-width:800px) {
     .news li {
         width: 100%;
         max-height: 488px;
         padding: 5%;
         margin: 2.5% 0 !important;
     }
     .news li .item {
         width: 100%;
     }
     .news li .thumb {
         width: 100%;
         margin-top: 5%;
     }
     .news li .item span {
         margin: 5% 0;
         text-overflow: unset;
         white-space: inherit;
     }
     .news li .item p {
         max-height: inherit;
         line-height: 25px;
     }
     .news-title h1 {
         line-height: 24px;
         font-size: 20px;
         margin-bottom: 3%;
     }
 }
 /*以下代码是自适应样式*/
 
 @media screen and (max-width:1320px) {
     @media screen and (max-width: 1178px) {}
     @media screen and (max-width: 800px) {
         .home-series .item-txt {
             position: static;
             left: 0px;
             width: 100%;
         }
         .home-series .item-txt .p1 {
             font-size: 24px;
             line-height: 30px;
         }
         .home-series .item-txt .p2 {
             font-size: 28px;
             margin-top: 10%;
         }
         .home-series .item-txt .p3 {
             font-size: 13px;
             margin: 8px 0;
         }
         .home-series .item-txt .p4 {
             font-size: 15px;
             color: #666666;
         }
         .home-series .item-txt .p5 {
             font-size: 16px;
             margin-top: 10%;
         }
         .home-series .item-pic {
             float: none;
             max-width: 900px;
             position: relative;
             width: 100%;
             height: 100%;
             max-height: 798px;
             overflow: hidden;
             margin-top: 10%;
         }
         .home-series .page {
             display: none;
         }
         .title {
             margin: 5% 0 2% 0;
         }
         .title font {
             font-size: 17px;
             line-height: 25px;
         }
         .title em {
             font-size: 13px;
             margin-top: 5px;
             line-height: 35px;
             max-width: 120px;
         }
         .brand {
             float: left;
         }
         .brand .brand-left {
             margin-bottom: 1%;
         }
         .brand .brand-left,
         .brand .brand-right {
             width: 100%;
         }
         .brand .brand-item .item .p1 {
             font-size: 20px;
             line-height: 24px;
         }
         .brand .brand-left .item .p2 {
             font-size: 16px;
         }
         .brand .brand-left .item .p3 img {
             width: 45px;
         }
         .brand .brand-right .item .p2 {
             font-size: 14px;
         }
         .brand .brand-right .item .p3 {
             width: 30px;
             right: 3%;
         }
         .brand .brand-right .brand-item img {
             width: 120%;
             margin-left: -10%;
             max-width: 120%;
         }
         .brand .p {
             font-size: 14px;
         }
         .news li {
             width: 100%;
             max-height: 488px;
             padding: 5%;
             margin: 2.5% 0 !important;
         }
         .news li .item {
             width: 100%;
         }
         .news li .thumb {
             width: 100%;
             margin-top: 5%;
         }
         .news li .item span {
             margin: 5% 0;
             text-overflow: unset;
             white-space: inherit;
         }
         .news li .item p {
             max-height: inherit;
         }
     }
 }
 
 .mobile {
     display: none;
 }
 /*以下代码是自适应样式*/
 
 @media screen and (max-width:1320px) {}
 
 @media screen and (max-width:1178px) {}
 
 @media screen and (max-width:800px) {
     .mobile {
         float: none !important;
         display: block;
         width: 96%;
         padding: 15px 2%;
     }
     .search-product .test {
         float: left;
         width: 82%;
         height: 42px;
         line-height: 42px;
         color: #252525;
         border: 1px solid #ccc;
         padding: 0 12px;
         font-size: 14px;
     }
     .search-product .button {
         width: 18%;
         height: 42px;
         line-height: 38px;
         background: #d22633 url(/skin/images/search.png) no-repeat center;
     }
     .shop-map {
         margin-top: 10%;
     }
     .shop-map a {
         display: block;
         width: 98%;
         height: 50px;
         margin: 0 auto;
         line-height: 50px;
         color: #fff;
         text-align: center;
         background: #d22633;
     }
 }
 
 @media screen and (max-width:750px) {
     .brand .brand-right .clear {
         margin-top: 1%;
         height: 250px;
     }
     .products {
         width: 100%;
         position: relative;
         background: #f5f5f5;
         margin-top: 60px;
         height: 700px;
     }
     .nav-menu li:not(:last-child) {
         margin-right: 0px;
         width: 25%;
     }
 }
 
 @media screen and (max-width:1330px) {
     .products {
         width: 100%;
         position: relative;
         background: #f5f5f5;
         margin-top: 60px;
         height: 700px;
     }
 }
 
 .list-1 {
     margin: -50px 0 0 -20px;
     padding-bottom: 28px;
     width: 80%;
     margin: 0 auto;
     padding-left: 0px;
 }
 
 .list-1 li {
     float: left;
     width: 33.333333%;
 }
 
 .list-1 li a {
     display: block;
     padding: 20px 20px 30px;
     background-color: #f0f0f0;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     margin: 50px 10px 0 10px;
     position: relative;
 }
 
 .list-1 li .img-cover {
     padding-top: 66%;
 }
 
 .img-cover {
     overflow: hidden;
     position: relative;
 }
 
 .img-cover span {
     display: block;
     width: 100%;
     background: no-repeat center / cover;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .list-1 li .text {
     line-height: 40px;
     font-size: 18px;
     margin-top: 15px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: center;
     color: black;
 }
 
 .list-1 li .more {
     border: 4px solid #f0f0f0;
     background: #ffffff;
     line-height: 48px;
     width: 48px;
     height: 48px;
     text-align: center;
     color: #b3b3b3;
     font-size: 12px;
     border-radius: 50%;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     position: absolute;
     left: 50%;
     bottom: -28px;
     margin-left: -28px;
 }
 
 @media screen and (max-width: 767px) {
     .list-1 {
         margin: 0 auto;
         width: 100%;
     }
 }
 
 @media screen and (max-width: 767px) {
     .list-1 li {
         width: 48.5%;
     }
 }
 
 @media screen and (max-width: 767px) {
     .list-1 li a {
         margin: 30px 0 0 10px;
         padding: 10px 10px 30px 10px;
     }
 }
 
 @media screen and (max-width: 767px) {
     .list-1 li .text {
         font-size: 14px;
         line-height: 1.4;
         margin-top: 10px;
     }
 }
 
 @media screen and (max-width: 767px) {
     .list-1 li .more {
         width: 50px;
         height: 50px;
         line-height: 40px;
         margin-left: -24px;
         bottom: -24px;
     }
 }
 
 .page {
     padding-top: 60px;
     text-align: center;
 }
 
 .ytable-cell {
     display: table-cell;
     vertical-align: middle;
 }
 
 .hls-page-newsdetail {
     width: 1000px;
     margin: auto;
     overflow: hidden;
     /*padding: 5% 0;*/
 }
 
 .hls-page-newsdetail .title {
     text-align: center;
     border-bottom: 1px solid #e7e9ef;
     padding: 10px 0;
     overflow: hidden;
 }
 
 .hls-page-newsdetail .title h2 {
     font-size: 40px;
     margin-bottom: 1px;
     margin-top: 1px;
 }
 
 .title h2 {
     font-size: 44px;
     font-family: 'Conv_Montserrat-Bold';
     text-transform: uppercase;
 }
 
 .hls-page-newsdetail .title h5 {
     font-size: 14px;
     color: #999;
     font-weight: normal;
     /* padding: 20px 0; */
     display: block;
     overflow: hidden;
     margin: 0 1px;
 }
 
 .newsdetail {
     padding: 5% 0;
     overflow: hidden;
     font-size: 14px;
     color: #666;
     line-height: 31px;
 }
 
 .content-exp {
     padding: 10px 15px;
     font-size: 12px;
     background-color: #f5f5f5;
     margin-top: 20px;
     border-radius: 5px;
 }
 
 .content-exp li {
     line-height: 2;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 16px;
 }
 
 .content-exp li a {
     color: #141414;
 }
 
 @media screen and (max-width: 860px) {
     .hls-page-newsdetail {
         width: 90%;
         padding: 5% 0;
     }
 }
 
 @media screen and (max-width: 860px) {
     .hls-page-newsdetail .title h2 {
         font-size: 21px;
     }
 }
 
 .section {
     padding: 50px 0;
 }
 
 .container {
     padding: 0 15px;
     /* width: 1200px; */
     margin: 0 auto;
 }
 
 .clearfix:before,
 .clearfix:after {
     display: table;
     line-height: 0;
     content: "";
 }
 
 .ct2-sd {
     float: left;
     width: 260px;
 }
 
 .panel-sd:last-child {
     margin-bottom: 0;
 }
 
 .panel-sd {
     margin-bottom: 20px;
     background-color: #f6f6f6;
 }
 
 .panel-sd .tit {
     text-align: center;
     color: #fff;
     font-size: 20px;
     background: #c70009;
     padding: 20px 0;
 }
 
 .contact-sd {
     padding: 20px;
     line-height: 1.8;
     font-size: 13px;
 }
 
 .ct2-mn {
     float: right;
     width: 890px;
 }
 
 .cpss {
     border-bottom: 1px solid #ddd;
     font-size: 18px;
     color: #c70009;
     font-weight: bold;
     padding-bottom: 5px;
     margin-bottom: 20px;
 }
 
 .curmbs {
     float: right;
     font-weight: normal;
     font-size: 12px;
     color: #999;
     line-height: 25px;
     background: url(/skin/images/hom1.jpg) no-repeat 0 center;
     padding-left: 20px;
 }
 
 .list-4 li {
     border-bottom: 1px dotted #ccc;
 }
 
 .list-4 li a {
     display: block;
     line-height: 45px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-left: 20px;
     color: black;
 }
 
 .list-4 li span {
     float: right;
     font-size: 12px;
     color: #666;
 }
 
 .fy {
     height: 40px;
     text-align: center;
     padding: 20px 0px;
     font-size: 15px;
 }
 
 @media screen and (max-width: 767px) {
     .section {
         padding: 30px 0;
     }
     .container {
         width: auto;
     }
     .ct2-sd {
         display: none;
     }
     .ct2-mn {
         float: none;
         width: auto;
     }
     .cpss {
         padding-bottom: 10px;
         margin-bottom: 15px;
     }
     .curmbs {
         display: none;
     }
     .list-4 li a {
         line-height: 40px;
         padding-left: 15px;
     }
 }
 
 .about-content {
     width: 90%;
     margin: 0 auto;
     margin-bottom: 80px;
 }
 /*分页样式*/
 
 .pglist {
     padding: 50px 0 40px 0;
     width: 100%;
     text-align: center;
     clear: both;
 }
 
 .pglist a {
     color: #333;
     padding: 0 10px;
     margin: 0 4px;
     display: inline-block;
     vertical-align: middle;
     line-height: 32px;
     background: #fff;
     border: 1px solid #fff;
     box-shadow: 0px 1px 10px #e4e3e3;
     border-radius: 3px;
     margin-bottom: 10px;
 }
 
 .pglist a:hover,
 .pglist .hover {
     display: inline-block;
     color: #fff;
     background: #b29873;
 }
 
 .page-status {
     display: none;
 }
 
 /*.auto {*/
 /*    width: 90%;*/
 /*}*/
 
 .pc{
     margin-top: 4%;
 }
 @media screen and (max-width:768px) {
    .pc{
     margin-top: 13%;
 }
 }
 
  @media screen and (min-width:768px) {
 .about-content{
 width: 70%;
  }
 }
 
 
 
 .list-news{
   width: 80%;
    margin: 0 auto;
    
 }
 
   @media screen and (max-width:768px) {
 .list-news{
   width: 90%;
    margin: 0 auto;
    
 }
 
 .cpxw {
 padding-inline-start: 0px;
    
 }