.title {
     margin: 4% 0 2% 0;
     overflow: hidden;
 }
 
 .title font {
     font-size: 30px;
     line-height: 34px;
     text-transform: uppercase;
 }
 
 .title em {
     font-size: 18px;
     
     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;
      
     margin-top: 60px;
     max-width: 1480px;
     margin: 0 auto;
      
 }
 
 .products .title {
     font-size: 24px;
    display: inline-block;
    margin-right: 5px;
    color: #e2325c;
    /*font-weight: 600;*/
 }
 
 /*.products .title em {*/
 /*    border: solid 2px #ffe7a9;*/
 /*}*/
 
 .products .title em a {
     font-size: 21px;
    display: inline-block;
    margin-right: 5px;
    color: #000000;
    /*font-weight: 600;*/
 }
 
 .products .products-bg {
     background: url(/skin/images/cpbj.jpg);
     width: 100%;
     height: 500px;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 
 
 .products ul {
     position: relative;
     z-index: 1;
     float: left;
     width: 43%;
     /*padding-bottom: 8%;*/
     /* padding-top: 8%; */
 }
 
 .products ul li {
     float: left;
     width: 24.9%;
     position: relative;
     background: #fff;
     margin-right: 0.1%;
      
 }
 
 .products ul li.clear {
     margin-right: 0;
 }
 
 .products ul li img {
     max-width: 100%;
     display: block;
     width: 100%;
     
 }
 
 .products ul li .item {
     color: #fff;
     position: absolute;
     width: 100.2%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 17% 4.5%;
     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.01) 0, rgb(0 0 0 / 22%) 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(/skin/images/sjbj.jpg);
         background-size: 100%;
     }
     .products ul li {
         width: 50%;
 
         
         /* margin-right: 4%;*/
     }
     .products ul li:nth-of-type(1) {
         width: 50%;
         
     }
     .products ul li:nth-of-type(3) {
         width: 50%;
          
     }
     .products ul li.l {
         margin-right: 0.5% !important;
     }
     .products ul li.r {
         margin-left: 0.5% !important;
     }
     .products ul li .item {-webkit-border-radius: 10px;}
     .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;
     line-height: 29px;
 }
 
 .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;*/
    margin-bottom: 30px;
 }
 
 .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(/skin/images/home-case.jpg) no-repeat center;
     background-size: cover;
     -webkit-border-radius: 20px;
 }
 
 .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(/skin/images/home-vr.png) no-repeat center;
     background-size: cover;
     -webkit-border-radius: 20px;
 }
 
 .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: 15px;
     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;
     -webkit-border-radius: 20px;
 }
 
 .cp .cp-right div.download {
     color: #fff;
     background: url(/skin/images/home-download.jpg) no-repeat center;
     background-size: cover;
     -webkit-border-radius: 20px;
 }
 
 .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%;
     
     /*box-shadow: 0 10px 40px rgb(0 0 0 / 5%);*/
     padding: 2.5%;
     margin: 0.5%;
     max-height: 750px;
     overflow: hidden;
     min-height: 18px;
     margin-bottom: 50px;
     margin-top: 30px;
      
 }
 
 .news li .item {
     width: 100%;
 }
 
 .news li .item h3 {
     font-size: 21px;
    color: #252525;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    margin: 2.5% 0 13.5% 0;
    height: 38px;
 }
 
 .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%;
 }
 
 
 /*���´���������Ӧ��ʽ*/
  @media screen and (max-width:1520px) {
     
     .news li .item h3 {
    font-size: 18px;
    color: #252525;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    margin: 2.5% 0 15% 0;
}
 }
 @media screen and (max-width:1320px) {
     .news li {
         width: 30%;
     }
     .news li .item h3 {
    font-size: 13px;
    color: #252525;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    margin: 2.5% 0 15% 0;
}
 }
 @media (max-width:1023px) {
.news li .item h3 {
    font-size: 12px;
    color: #252525;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    margin: 2.5% 0 5% 0;
}
}
 @media screen and (max-width:1178px) {
     .news li {
         width: 30%;
     }
 }
 
 @media screen and (max-width:800px) {
     .news li {
         width: 100%;
         max-height: 488px;
         padding: 5%;
         margin: 2.5% 0 ;
     }
     .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: 0%;
             margin: 2.5% 0 ;
         }
         .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(http://www.aofino.com.cn/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;*/
        margin-bottom: 30px;
     }
     .products {
         width: 90%;
         position: relative;
         background: #ffffff;
         margin-top: 60px;
         /*height: 700px;*/
     }
     .nav-menu li:not(:last-child) {
    margin-right: 0px;
    width: 25%;
}
 }
 
 @media screen and (max-width:1330px) {
     .products {
         width: 90%;
         position: relative;
         background: #ffffff;
         margin-top: 10px;
         /*height: 700px;*/
     }
 }
 
 
 

.list-1 {
    margin: -50px 0 0 -20px;
    padding-bottom: 28px;
   width: 80%;
   margin: 0 auto;
}
.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;
}
.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;
}
.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: 30px;
}
}




.section {
    padding: 50px 0;
}
.container {
     
    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(http://www.aofino.com.cn/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;
}
  
 
 .products .title em a {
     color: #000000;
     font-size: 20px;
 }
}


.news li em {
     color: #6d6d6d;
    font-size: 23px;
 }
 
 
 .djyd {
display: inline-block;
    border: 2px #000000 solid;
    color: #fff;
    /* min-width: 124px; */
    text-align: center;
    line-height: 44px;
    background: transparent;
    color: #000000;
    -webkit-border-radius: 13px;
    font-size: 17px;
    font-weight: 600;
    width: 30%;
    float: right;
    margin-top: 72px;
 }
 
 
 @media (max-width:800px) { 
   .djyd {
    display: inline-block;
    border: 2px #000000 solid;
    color: #fff;
    /* min-width: 124px; */
    text-align: center;
    line-height: 26px;
    background: transparent;
    color: #000000;
    -webkit-border-radius: 13px;
    font-size: 15px;
    font-weight: 600;
    width: 30%;
    float: right;
    margin-top: -3px;
}
 }
 
 .xwlm {
position: relative;
    margin-top: 60px;
    width: 80%;
    margin: 0 auto;
}

.xwlma {
padding-top: 4%;
    margin: 0 auto;
    float: inherit;
    width: 41%;
}

.xwlma li {
width: 33%;
float:right;
}



.xwlma li a {
color: black;
    margin: 0 auto;
    text-align: center;
    float: left;
    font-size: 24px;
    margin-right: 9%;
    margin-left: 4.5%;
}

@media screen and (max-width: 1023px){
.xwlma li a {
    color: black;
    margin: 0 auto;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-right: 9%;
    margin-left: 4.5%;
}
}


.xwlm .xwlma li.show a::after {
    content: '';
    position: absolute;
    bottom: 22px;
    left: 37%;
    width: 9%;
    height: 3px;
    background-color: #000;
    transform: translateX(-50%);
    transition: all .3s;
    top: 168%;
}
.jycp2 {
     
    width: 100%;
    margin-bottom: 50px;
     
}
.jycp2 .info {
    /*width: 55%;*/
    float: right;
}
.jycp2 .pic {
    width: 40%;
    float: left;
    /* margin-top: 5%; */
}


.jycp2 .pic p {
    float: left;
    font-size: 18px;
    text-align: left;
    width: 100%;
    margin-top: 30px;
    margin-left: 4%;
    padding: 0 0px 0 150px;
}

.jycp2 .text a {
    line-height: 2.5;
    color: #000;
    padding: 10px 10% 30px 0;
    text-align: justify;
    font-size: 17px;
    margin-top: 20px;
}

.jycp2 img {
    vertical-align: middle;
    width: 70%;
    float: right;
}


@media (max-width:800px) { 
   .xwlm {
    position: relative;
    margin-top: 60px;
    width: 1480px;
    margin: 0 auto;
    width: 100%;
}
.jycp2 .pic p {
    
    margin-left: 0%;
}
.xwlma {
    padding-top: 4%;
    margin: 0 auto;
    float: inherit;
    width: 70%;
}
.xwlma li {
width: 30%;
    float: left;
}

.xwlma li a {
    color: black;
    margin: 0 auto;
    text-align: center;
    float: left;
    font-size: 15px;
    margin-right: -1%;
    margin-left: 19.5%;
}
.xwlm .xwlma li.show a::after {
    content: '';
    position: absolute;
    bottom: 22px;
    left: 27%;
    width: 19%;
    height: 3px;
    background-color: #000;
    transform: translateX(-50%);
    transition: all .3s;
    top: 263%;
}
.jycp2 .pic {
    width: 100%;
   
}
.jycp2 img {
    vertical-align: middle;
    width: 100%;
    float: right;
}
.jycp2 .info {
    width: 100%;
    float: right;
}
.jycp-about .text p {
    
    margin-top: 20px;
}

 }
 
 
 .bt {
        width: 100%;
    font-size: 24px;
    /* text-align: center; */
    /* float: left; */
    padding: 0 11%;
}

.bt a{
    color: #000;
}

@media (max-width:800px) { 
.bt {
    width: 100%;
    font-size: 20px;
    text-align: left;
    margin-top: 50px;
    padding: 0 10px;
}
}

@media (max-width:1844px) { 
.ft1_mleft ul li {
    margin-right: 35px;
}
}

@media (max-width:1686px) { 
.ft1_mleft ul li {
    margin-right: 15px;
}
}


@media (max-width:1574px) { 
.ft1_mleft ul {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.ft1_mleft ul li>a {
    margin-bottom: 36px;
    font-size: 13px;
    color: #000000;
    line-height: 1;
    font-weight: 600;
}

.ft1_mleft ul li dd a {
    margin-bottom: 15px;
    font-size: 13px;
    color: rgb(0 0 0 / 80%);
    line-height: 1;
    text-align: center;
    font-weight: lighter;
    text-align: left;
}
.fr {
    float: left;
    margin-left: 9%;
    margin-bottom: 15px;
    /*padding: 24px 0 0 0;*/
}
}

@media (max-width:1428px) { 
.
.ft1_mleft ul li>a {
    font-size: 15px;
}
}

@media screen and (max-width:1190px) {
.products .column_name li.show a::after{
    left: 37%;
}
.xw1 li a {
    color: black;
    margin: 0 auto;
    text-align: center;
    float: inherit;
    font-size: 20px;
}
.djyd {
     
    line-height: 25px;
     
    font-size: 12px;
    font-weight: 600;
    width: 34%;
    float: right;
    margin-top: 30px;
}
.news li em {
    color: #6d6d6d;
    font-size: 13px;
}
.jycp2 .pic p {
    float: left;
    font-size: 14px;
    text-align: left;
    width: 100%;
    margin-top: 30px;
    margin-left: -7%;
    padding: 0 0px 0 150px;
}
.jycp2 .text a {
    line-height: 2.5;
    color: #000;
    padding: 10px 10% 30px 0;
    text-align: justify;
    font-size: 13px;
    margin-top: 20px;
}
.xwlm .xwlma li.show a::after {
    content: '';
    position: absolute;
    bottom: 22px;
    left: 45.3%;
    width: 7%;
    height: 3px;
    background-color: #000;
    transform: translateX(-50%);
    transition: all .3s;
    top: 205%;
    margin-top: 2%;
    margin-left: 2%;
}
}