@import url(common.css);

::-webkit-scrollbar {
    width: .0208rem;
    height: .0521rem;
}

::-webkit-scrollbar-thumb {
    background: #555;
}

::-webkit-scrollbar-track {
    background: #ddd;
}

p {
    font-size: .0833rem;
    opacity: 0.78;
}

a {
    font-size: .0833rem;
}

h1 {
    font-size: .2604rem; /*50px*/
    font-weight: 500;
}

h2 {
    font-size: .2344rem;/*45px*/
    font-weight: 500;
}

h3 {
    font-size: .2083rem;/*40px*/
    font-weight: 500;
}

h4 {
    font-size: .1563rem;/*30px*/
    font-weight: 500;
}

h5 {
    font-size: .1146rem;/*22px*/
    font-weight: 400;
}

h6 {
    font-weight: 500;
    font-size: .1042rem;/*20px*/
}

.br10 {
    border-radius: .0521rem;
}

.br15 {
    border-radius: .0781rem;
}

.br20 {
    border-radius: .1042rem;
}

.br30 {
    border-radius: .1563rem;
}

.br40 {
    border-radius: .2083rem;
}

.br50 {
    border-radius: .2604rem;
}

.con {
    width: 75%;
    margin: 0 auto;
}

.big-con {
    width: 91.14%;
    margin: 0 auto;
}

.small-con {
    width: 75%;
    margin: 0 auto;
}

.fy-btn {
    background-color: #fff;
    width: .2604rem;
    height: .2604rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    font-weight: bold;
}

.fy-btn:hover {
    background-color: var(--main-color);
    color: #fff;
}

header {
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}
.header-top{
    background-color: var(--main-color-gray);
    padding: .0521rem 0;
}
.header-top-r-list a{
    margin-right: .2083rem;
    opacity: 0.78;
}
.header-top-r-list a:hover{
    color: var(--main-color);
    opacity: 1;
}
.header-top-r-search-box span{
    font-size: .0938rem;
    margin-right: .0521rem;
}
.header-top-r-search-box input{
   font-size: .0833rem;
   background-color: transparent;
   width: .4167rem;
}

.logo img {
    width: 0.7292rem;
    height: .1458rem;
}
.header-right{
    flex: 1;
    margin-left:  3.5417rem;
}
.header-menu>span {
    display: none;
}

nav>ul>li>a {
    color: #000;
    font-size: 0.0938rem;
    line-height: 1;
    padding: .1302rem 0;
    display: block;
    position: relative;
    font-weight: 500;
}

nav>ul>li>a::after {
    content: '';
    display: block;
    width: 0;
    height: 1.5px;
    border-radius: .0208rem;
    background-color: #000;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
}

nav>ul>li>a:hover {
    color: #000;
}

nav>ul>li>a.on::after,
nav>ul>li>a:hover::after {
    width: 100%;
}

header.on {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    position: fixed;
}
/*Index*/
.index-ba .index-ba-pagination {
    bottom: .1042rem;
    left: 0;
    z-index: 1;
}

.index-ba .index-ba-pagination .swiper-pagination-bullet {
    background-color: #ccc;
    width: .05rem;
    height: .05rem;
    display: block;
    opacity: 0.8;
    margin: 0 .040rem;
    border-radius: 50%;
}

.index-ba .index-ba-pagination .swiper-pagination-bullet-active {
    background-color: var(--main-color);
    opacity: 1;
    width: 0.06rem;
    height: 0.06rem;
}

.index-box {
    padding: .5365rem 0;
}
.index-tit h3{
    font-weight: 600;
}

.index-cate-top-tit h3{
    width: 3.4896rem;
    line-height: 1.3;
}
.more-btn em{
    font-size: .1042rem;
    margin-right: .0521rem;
}
.more-btn span{
    font-size: .1042rem; 
}
.more-btn:hover{
    transform: translateX(0.0521rem);
}
.index-cate-con{
    margin-top: .3438rem;
}
.index-cate-con{
    gap: .0938rem;
}
.index-cate-item{
    height: auto;
    background-color: var(--main-color-gray);
}
.index-cate-pic{
    padding-bottom: 1.7396rem;
}
.index-cate-txt{
    padding: 0.1458rem;
}
.index-cate-txt h6{
    margin-bottom: .1198rem;
}
.index-cate-txt p{
    -webkit-line-clamp: 2;
    height: .2604rem;
}
.index-cate-txt span{ 
    margin-top: .1406rem;
    font-size: .0938rem;
}
.index-cate-item:hover{
    background-color: var(--main-color);
    color: #fff;
}
.index-cate-item:hover .index-cate-txt p{
    color: #fff;
    opacity: 1; 
}
.index-te{
    background-color: var(--main-color-gray);
    padding: .3958rem 0;
}
.index-te-tit{
    width: 4.6875rem;
}
.index-te-tit h3{
    margin-bottom: .1406rem;
}
.index-te-con{
    margin-top: .4583rem;
}
.index-te-item-pic{
    padding-bottom: 1.9427rem;
}
.index-te-swiper .swiper-wrapper{
    align-items: stretch;
}
.index-te-swiper .swiper-wrapper .swiper-slide{ 
    height: auto;
}
.index-te-item{
    background-color: #fff;
}
.index-te-item-txt{
    padding: .2604rem  0.1563rem;
    height: 1.4063rem;
}
.index-te-item-txt h6{
    margin-bottom: .099rem;
    font-weight: 500;
}
.index-te-item-txt p{
    font-size: .0833rem;
}
.index-te-fy .fy-btn{
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: transparent;
    border: 1px solid var(--main-color);
    color: var(--main-color);
}
.index-te-fy .fy-btn:hover{
    background-color: var(--main-color);
    color: #fff;
}
.index-te-prev{
    left: -.4rem;
}
.index-te-next{ 
    right: -.4rem;
}
.index-te-con .index-te-pagination{
    position: static;
    margin-top: .2604rem;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 0.06rem;
}
.index-te-con .index-te-pagination .swiper-pagination-bullet{ 
    width: .026rem;
    height: .026rem;
    background-color: var(--main-color);
    border: 1px solid transparent;
    margin-right: .05rem;
    opacity: 1;
}
.index-te-con .index-te-pagination .swiper-pagination-bullet-active{ 
    background-color: transparent;
    width: .05rem;
    height: .05rem;
    border: 1px solid var(--main-color);
}
.index-pre-con-l{
    width: 42%;
}
.index-pre-con-r{
    width: 55%;
}
.index-pre-tit h3{
    margin-bottom: .224rem;
    font-size: 0.1875rem;
}
.index-pre-con-l p{
    margin-bottom: .3125rem;
}
.index-pre-list{
    margin-top: .3438rem;
}
.index-pre-item{
    width: 23%;
}
.index-pre-item-pic{
    padding-bottom: 0;
    width: .3646rem;
    height: .3646rem;
}
.index-pre-item h4{
    margin-top:  0.2rem;
}
.index-pre-item p{ 
    margin-top: .1823rem;
}
.index-pro{
    background-color: var(--main-color-gray);
}
.index-pro-nav{
    margin: 0.1979rem 0 .2708rem;
}
.index-pro-nav-item{
    margin-right: .1042rem;
    border: 1px solid #0E050B;
    font-size: .0938rem;
    padding: .0729rem .2083rem;
}
.index-pro-nav-item.on,
.index-pro-nav-item:hover{
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
}
.index-pro-list{
    gap: .1354rem;
}
.index-pro-item .index-pro-pic{
    padding-bottom: 1.7708rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.index-pro-txt{
    padding: 0.1rem 0;
}
.index-pro-txt p{
    font-size: .0938rem;
    opacity: 1;
}
.index-pro-txt span{ 
    margin-top: .1rem; 
    opacity: 0.7;
    font-size: .0885rem;
}
.index-pro-item:hover{
    transform: translateY(-0.05rem);
}
.index-pro-item:hover .index-pro-txt p{
    opacity: 1;
}
.index-pro-item:hover .index-pro-txt span{ 
    opacity: 1;
}
.index-pro-fy{
    margin-top: .2604rem;
}
.index-pro-prev span,
.index-pro-next span{
    font-size: 0.1042rem;
    cursor: pointer;

}
.index-pro-fy .index-pro-pagination{
    display: flex;
    position: static;
    margin: 0 .05rem;
    justify-content: center;
    align-items: center;
    width: auto;
}
.index-pro-fy .index-pro-pagination .swiper-pagination-bullet{ 
    background-color: #000;
    opacity: 0.5;
    width: .1rem;
    height:  .03rem;
    cursor: pointer;
    border-radius: .0104rem;
}
.index-pro-fy .index-pro-pagination .swiper-pagination-bullet-active{ 
    background-color: var(--main-color);
    opacity: 1;
}
.footer-top{
    padding: .5885rem  0;
}
.footer-top-l img{
    width: .9844rem;
    height: .1875rem;
}
.footer-top-r a{
    width: .2604rem;
    height: .2604rem;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: .1042rem;
}
.footer-top-r a:hover{ 
    background-color: #000;
}
.footer-top-r a span{
    font-size: .1042rem;
}
.footer-top-r a:hover span{
    color: #fff;
}
.footer-con-l{
    flex: 1;
    margin-right: 1.5625rem;
}
.footer-con-l-item h5{
    margin-bottom: .1771rem;
}
.footer-con-l-item a{
    font-size: .0938rem;
    opacity: 0.78;
    margin-bottom: .1042rem;
}
.footer-con-l-item a:hover{ 
    opacity: 1;
}
.footer-con-r{
    width: 2.5rem;
}
.footer-con-r-item{
    margin-bottom: .21rem;
}
.footer-con-r-item span{
    font-size:   .1354rem;
    margin-right: .0677rem;
}
.footer-con-r-item p{
    font-size: .0833rem;
    opacity: 1;
}
.footer-con-r-item p em{
    font-weight: 500;
    opacity: 1;
}
.footer-bt{
    margin-top: .3125rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: .1563rem 0;
}
.pf-nav{
    bottom: 30%;
    right:  .0521rem;
}

.pf-nav {
    bottom: 18%;
    right: .1302rem;
    z-index: 999;
}

.pf-nav-ico {
    width: .2604rem;
    height: .2604rem;
    margin-bottom: .0521rem;
    background-color: var(--main-color);
}

.pf-nav-ico span {
    color: #fff;
    font-size: .1302rem;
    line-height: 1;
}
.pf-nav-txt {
    background-color: #fff;
    padding: 0.0781rem;
    right: 0.35rem;
    width: .8rem;
    z-index: 2;
}
.pf-nav-txt p {
    font-size: 0.0833rem;
    text-align: center;
}
/*about*/
.com-top{
    padding-bottom: 2.4896rem;
}
.nav-bar{
    padding:  0.14rem 0;
}
.nav-bar-con a,.nav-bar-con em{
    font-size: .0938rem;
    margin-right: 0.05rem;
    line-height: 1;
}
.nav-bar-con em{
    font-size: .18rem;
    font-weight: 400;
}
.ab1{
     padding: .3333rem 0;
}
.ab-tit h1,.ab-tit h2{
    font-weight: 600;
}
.ab1-con{
    margin-top: .2083rem
}
.ab1-con p{
    font-size: .0885rem;
    margin-bottom: .0521rem;
}
.ab1-con p:nth-child(1){
    margin-bottom: .1042rem;
}
.ab1-con span{
    opacity: 0.78;
    font-size: 0.0885rem;
    display: block;
    margin-bottom: .1042rem;
    margin-top: .1563rem;
}
.ab2{
    background-color: var(--main-color-gray);
    padding: .625rem 0;
}
.ab2-tit p{
    font-size: .0938rem;
    width: 1.849rem;
}
.ab2-con{
    margin-top: .2604rem;
}
.ab2-item{
    width: 30.83%;
    padding: .2396rem;
}
.ab2-item h5{
    font-weight: 500;
}
.ab2-item p{
    font-size: .1042rem;
    width: 90%;
    opacity: 1;
}
.ab2-item:nth-child(1){
    background-color: #678D65;
    color: #fff;
    height: 2.099rem;
}
.ab2-item:nth-child(2){
    background-color: #000;
    color: #fff;
    height: 1.7969rem;
}
.ab2-item:nth-child(1) p,
.ab2-item:nth-child(2) p{ 
    color: #fff;
}
.ab2-item:nth-child(3){
    background-color: #fff;
    height: 1.2708rem;
}
.ab3{
    padding: .4792rem 0;
}
.ab3-con{
    margin-top: .3125rem;
}

.ab3-con-l{
    width:46.87%;
}
.ab3-con-r{
    width: 52.5%;
}
.ab3-con-r-item{
    width: 49.5%;
}
.ab3-con-r-item:last-child{
    width: 100%;
    margin-top: .0313rem;
}
.ab4{
    background-color: var(--main-color-gray);
    padding: .625rem 0;
}
.ab4-tit h2{
    width: 2.3438rem;
}
.ab4-tit p{
    width: 3.3177rem;
    font-size: .0938rem;
}
.ab4-con{
    margin-top: .3125rem;
}
.ab4-con img{
    width: 75%;
    margin: 0 auto;
}
/*why*/
.why-box{
    padding: 0.5208rem 0;
}
.why1-con{
    gap: .5208rem;
}
.why1-ico{
    width: .3646rem;
    padding-bottom: .3646rem;
    background-size: cover;
    margin-bottom: .2188rem;
}
.why1-con h4{
    font-weight: 600;
    margin-bottom: .1667rem;
}
.why1-con p{
    font-size: .0938rem;
}
.why2{
    background-color: var(--main-color-gray);
}
.why-tit h2{
    font-weight: 600;
}
.why2-con{
    margin-top: .4271rem;
}
.why2-item-img{
    width:47%;
    padding-bottom: 1.7292rem;
    
}
.why2-item-txt{
    width: 47%;
}
.why2-item-txt h5{
    font-weight: 500;
    margin-bottom: .1146rem;
}
.why2-item-txt p{
    font-size: .0781rem;
}
.why2-fy .fy-btn{
    background-color: #fff;
    border: 1px solid #fff;
}
.why2-fy .fy-btn:hover{
    border: 1px solid var(--main-color);
}
.why3-tit h2{
    line-height: 1;
} 
.why3-tit p{
    width: 2.5729rem;
    font-size: .0938rem;
}
.why3-con{
    margin-top: .4688rem;
}
.why3-con-top{
    height: 1.7656rem;
    margin-bottom: .0417rem;
}
.wh3-con-top-item:nth-child(1),
.wh3-con-top-item:nth-child(2){
   margin-right: .0313rem;
}
.wh3-con-top-item:nth-child(1){
    width: 49.86%;
}
.wh3-con-top-item:nth-child(2){
    width: 30.76%;
}
.wh3-con-top-item:nth-child(3),.wh3-con-top-item:nth-child(4){
   width: 18.61%;
}
.why3-con-bt{
    gap: .0521rem;
}
.why4{
    background-color: var(--main-color-gray);
}
.why4-con-l{
    width: 40%;
}
.why4-con-l h2{
    margin-bottom: .1042rem;
}
.why4-con-l p{
    font-size: .1042rem;
    margin-top: .1563rem;
}
.why4-con-r{
    width: 48.26%;
    padding-bottom: 2.5365rem;
}
.why5-tit h2{
    line-height: 1;
}
.why5-tit p{
    width: 47.36%;
    font-size: .0938rem;
}
.why5-con{
    margin-top: .4688rem;
    gap: .0885rem;
}
.why5-con-item p{
    font-size: .0938rem;
    margin-top: .1042rem;
}
.why6{
    background-color: var(--main-color-gray);
}
.why6-con{
    gap: .2396rem;
    margin-top: .3125rem;
}
.why6-con-item{
    background-color: #fff;
    padding: .2083rem;
}
.why6-con-txt h6{
    margin-top: .1563rem
}
.why6-con-txt p{
    margin-top: .1042rem;
    font-size: .0938rem;
}

.why6-con-item:hover{
    transform: translateY(-0.0521rem);
}
.cases-show2-ico{
    background-color: rgba(0, 0, 0, 0.6);
    width:  0.28rem;
    height: 0.28rem;
    display: none;
}
.cases-show2-ico span{
    font-size: .1042rem;
    color: #fff;
}
.why6-con-item:hover .cases-show2-ico{
    display: flex;
}
.why6-con-item:hover .why6-con-txt p{
    opacity: 1;
}
/*contact*/
      
.ca-tit h2{
    font-weight: 600;
}
.ca-tit p{
    margin-top: .125rem;
    width: 40%;
    font-size: .0938rem;
}
.ca1-con{
    margin-top: .5rem;
}
.ca1{
    padding: .1563rem 0 .625rem;
}
.ca1-con-l{
    width: 40%;
}
.ca1-con-r{
    width: 46.8%;
}
.ca1-con-item{
    margin-bottom: .3646rem;
}
.ca1-con-item-l{
    width: .3125rem;
    margin-right: .1719rem;
}
.ca1-con-item-r{
    flex: 1;
}
.ca1-con-item-r h5{
    font-weight: 500;
    margin-bottom: .0781rem;
    line-height: 1;
}
.ca1-con-item-r p{
    font-size: .0938rem;
    opacity: 1;
}
.ca1-con-r-item{
    margin-bottom: .1094rem;
    width: 100%;
}
.ca1-con-r-item:nth-child(1),
.ca1-con-r-item:nth-child(2){ 
   width: 48.5%;
}
.ca1-con-r-item input,.ca1-con-r-item textarea{
    border: 1px solid #E5E5E5;
    font-size: .0938rem;
    padding: .1458rem;
    width: 100%;
}

.ca1-con-r-item input:focus,.ca1-con-r-item textarea:focus{
    border: 1px solid var(--main-color);
}
.ca1-con-r-item textarea{
    height: .875rem;
}
.ca1-con-r-btn{
    width: 1.2708rem;
    background-color: #000;
    color: #fff;
    padding: .1458rem;
    font-size: .1042rem;
}
.ca2{
    background-color: var(--main-color-gray);
    padding: .4844rem 0;
}
.ca2-con{
    margin-top: .3125rem;
    gap: .401rem;
}
.ca2-con-item{
   background-color: #fff;
   padding: .2917rem 0;
}
.ca2-con-item-ico{
    width: .3333rem;
    height: .3333rem;
    background-color: var(--main-color);
    margin-bottom: .2604rem;
}
.ca2-con-item-ico span{
    color: #fff;
    font-size: .22rem;
}

.ca2-con-item:nth-child(1) .ca2-con-item-ico{
    background-color: #385196;
}
.ca2-con-item:nth-child(2) .ca2-con-item-ico{
    background-color: #E72C59;
}
.ca2-con-item:nth-child(3) .ca2-con-item-ico{
    background-color: #04B253;
}
.ca2-con-item:nth-child(4) .ca2-con-item-ico{
    background-color: #000000;
}
.ca2-con-item-tit h6{
    font-weight: 400;
}
.ca2-con-item:hover .ca2-con-item-tit h6{ 
    color: #fff;
}
.ca2-con-item:hover .ca2-con-item-ico{ 
    background-color: #fff;
}
.ca2-con-item:nth-child(1):hover{
    background-color: #385196;
}
.ca2-con-item:nth-child(1):hover .ca2-con-item-ico span{
    color: #385196;
}
.ca2-con-item:nth-child(2):hover{
    background-color: #E72C59;
}
.ca2-con-item:nth-child(2):hover .ca2-con-item-ico span{
    color: #E72C59;
}
.ca2-con-item:nth-child(3):hover{
    background-color: #04B253;
}
.ca2-con-item:nth-child(3):hover .ca2-con-item-ico span{
    color: #04B253;
}
.ca2-con-item:nth-child(4):hover{
    background-color: #000;
}
.ca2-con-item:nth-child(4):hover .ca2-con-item-ico span{
    color: #000;
}


/*pagination*/
.nodata{
    min-height: 60vh;
}
.nodata-text h4{
    opacity: 0.78;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.2rem;
}

.pagination li a,
.pagination li span {
    width: 30px;
    height: 30px;
    margin: 0 8px;
    background-color: #000;
    color: #fff;
    display: flex;
    font-size: 14px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
.pagination li a:hover,
.pagination li span:hover {
    background-color: var(--main-color);
}
.pagination li.active a,
.pagination li.active span {
    background-color: #999;
}

.pagination li.disabled a,
.pagination li.disabled span {
    background-color: #777;
    cursor: no-drop;
}
/*catalogues*/
.catalogues{
    padding: 0.2688rem 0;
    background-color: var(--main-color-gray);
}
.catalogues-list{
   gap: .2688rem;
}
.catalogues-item{
    margin-bottom: .3646rem;
}
.catalogues-item-img{
    background-color: #fff;
    padding: .1563rem;
}
.catalogues-item-pic{
    padding-bottom: 2rem;
}
.catalogues-item-img  .a-box{
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.catalogues-item-img:hover .a-box{
    opacity: 1;
}
.catalogues-item-img  .a-box a{
    padding: .0938rem .1563rem;
    background-color: #fff;
    color: #000;
    font-size: .0938rem;
    margin:0 auto .1042rem;
    width: 100%;
}
.catalogues-item-img  .a-box a:hover{
    background-color: var(--main-color);
    color: #fff;
}
.catalogues-item-img  .a-box a span{
    margin-right: .0521rem;
}
.catalogues-item-txt p{
    margin-top: .1042rem;
}

/*news*/
.news-con{
    margin-top: .2083rem;
    gap: .2083rem;
}
.news-item{
    background-color: var(--main-color-gray);
}
.news-item-pic{
    padding-bottom: 1.9271rem;
}
.news-item-txt{
    padding: .1042rem .1563rem;
}
.news-item-txt em{
    opacity: 0.78;
    font-size: .0833rem;
    margin-bottom: .06rem;
}
.news-item-txt h6{
    font-size: .1042rem;
    margin-bottom: .08rem;
}
.news-item-txt p{
    -webkit-line-clamp: 2;
}
.news-item-ico{
    width: .2604rem;
    height: .2604rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: .1042rem;
}
.news-item-ico span{
    font-size: .1042rem;
}
.news-item:hover{
    transform: translateY(-0.0521rem);
}
.news-item:hover .news-item-txt h6{
    color: var(--main-color);
}
.news-item:hover .news-item-ico{
    border-color: var(--main-color);
    background-color: var(--main-color);
}
.news-item:hover .news-item-ico span{
    color: #fff;
}

.show-top{
    padding-bottom: 3.2188rem;
 }
 .show-top-con{
     padding-bottom: .6927rem;
 }
 .show-top-con-txt{
     margin-bottom: 0.2083rem;
 }
 .show-top-con-txt a,
 .show-top-con-txt em{
     color: #fff;
     opacity: 0.7;
     margin-right: .026rem;
 }
 .show-top-con-txt a:hover{
    opacity: 1;
 }
 .show-top-con h1{
     color: #fff;
     font-weight: 600;
     letter-spacing: 1px;
 }
.news-show-top{
    background-color: #ccc;
    padding: 0.6rem  0  .3125rem;
}
.news-show-top .show-top-con{
    padding-bottom: 0;
}

.news-show-top .show-top-con-txt a,
.news-show-top .show-top-con-txt em{ 
    color: #000;
}
.news-show-top .show-top-con h1{
    color: #000;
    font-size: .2083rem;
}
.news-show-con{
    padding: 0.4688rem 0;
}
.news-show-con-l{
    width: 70%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: .2604rem;
}
.news-show-con-l-con p{
    margin-bottom: .1042rem;
}
.news-show-con-l-con img{
    display: block;
    width: auto;
    margin: 0 auto .1042rem;
}
.news-show-con-r{ 
    width: 25%;
    padding: .1823rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.news-show-con-r-list{
    margin-top: .2604rem;
}
.news-show-con-r-list .index-show-item{
    margin-bottom: .1563rem;
}
.news-show-con-r-list .index-show-pic{
    padding-bottom: 53%;
    margin-bottom: .1042rem;
}
.news-show-con-r-list .index-show-item:hover p{
    color: var(--main-color);
}

/*prodcuts*/
.product-top-con-l{
    width: 42.43%;
}
.product-top-con-l h4{
    margin-bottom: .1563rem;
}
.product-top-con-l h1{
    font-size: .3021rem;
    font-weight: 600;
}
.prodcut-top-con-r{
    width: 32.22%;
}
.product-cate{
    padding: 0.5208rem 0;
}
.nav-bar-btn span{
    font-size: .1563rem;
    margin-right: .05rem;
    font-weight: bold;
}
.nav-bar-btn p{
    opacity: 1;
    font-size: .1042rem;
}
.product-list-con{
    background-color: var(--main-color-gray);
    padding: 0.5208rem 0;
}
.product-list-con-l{
    width: 50%;
}
.product-list-con-l-pic{
    padding-bottom: 2.3229rem;
}
.product-list-con-r{
    width: 38.81%;
    padding-right: .2292rem;
}
.product-list-con-r h3{
    font-size: .1823rem;
    font-weight: 600;
    margin-bottom: .2344rem;
}
.product-list-con-r p{
    font-size: .0885rem;
}
.product-list-list{
    padding: .5rem 0;
}
.product-list-list-tit{
    margin-bottom: .2604rem;
}
.product-list-list-tit h3{
    font-weight: 600;
}
.product-list-list-con{
    gap: .1458rem;
}
.product-list-list-con-item{
    background-color: var(--main-color-gray);
}
.product-list-list-con-item .pic{
    padding-bottom: 100%;
}
.product-list-list-con-item .pic .new{
    background-color: var(--main-color);
    color: #fff;
    font-size: 0.0726rem;
    padding: .0521rem;
}
.product-list-list-con-item-txt{
    padding: .1563rem .125rem;
}
.product-list-list-con-item-txt h6{
    margin-bottom: .0521rem;
}
.product-list-list-con-item-txt p{ 
    line-height: 1;
}
.product-list-list-con-item-txt span{
   font-size: .0833rem;
   line-height: 1.2;
   display: block;
   margin-top: .1042rem;
}


.product-list-list-con-item:hover{
    transform: translateY(-0.0521rem);
    background-color: var(--main-color);
}
.product-list-list-con-item:hover .product-list-list-con-item-txt h6,
.product-list-list-con-item:hover .product-list-list-con-item-txt p,
.product-list-list-con-item:hover .product-list-list-con-item-txt span
{
    color: #fff;
}
.product-video-tit h3{ 
    font-weight: 600;
}
.product-video-swiper{
    margin: .3125rem 0 .4688rem;
}
.product-video-item-pic{
    padding-bottom: 1.974rem;
    margin-bottom: .1875rem;
}
.product-video-item-pic .a-box{
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.product-video-btn{
    background-color: rgba(255,255,255,0.2);
    padding: .0833rem .1042rem;
}
.product-video-btn span{
    border: 1px solid #fff;
    border-radius: .026rem;
    width: .15rem;
    height: .15rem;
    color: #fff;
    font-size: .09rem;
    margin-right: .0781rem;
}
.product-video-btn p{
    color: #fff;
    opacity: 1;
    font-size: .09rem;
}
.product-video-item:hover .product-video-item-pic{
    border-radius: .1042rem;
}
.product-video-item:hover .product-video-item-pic .a-box{
   opacity: 1;
}
.product-cata{
    background-color: var(--main-color-gray);
    padding: 0.5208rem 0;
}
.product-cata-con-l{
    width: 23.88%;
    margin-right: .7396rem;
    padding-bottom: 2.4271rem;
}

.product-cata-con-r{
    flex: 1;
}
.product-cata-con-r h3{
    margin-bottom: .1042rem;
}
.product-cata-con-r>p{
    font-size: .1042rem;
    margin-bottom: .3646rem;
    width: 50%;
    opacity: 1;
}
.product-cata-con-r a{
    background-color: #000;
    color: #fff;
    padding: .1042rem .17rem;
}
.product-cata-con-r a p{
    color: #fff;
    opacity: 1;
    font-size: .1042rem;
    margin-right: .0521rem;
}
.product-cata-con-r a span{
    font-size: .1042rem;
}
.product-cata-con-r a:hover{
    transform: translateY(-0.0521rem);
}

/*video*/
.video-mask {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 990;
}

.video-con {
    top: 15%;
    left: 50%;
    width: 4.2rem;
    margin-left: -2.1rem;
    z-index: 9999;
}

.video-box {
    border: 4px solid #fff;
    height: 2.2rem;
    width: 4.2rem;
    background-color: rgba(0, 0, 0, 0.9);
}

.video-box video {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.video-close {
    width: .2604rem;
    height: .2604rem;
    margin: .1563rem auto;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
}

.video-close span {
    text-align: center;
    display: block;
    font-weight: normal;
    line-height: 1;
    font-size: .1563rem;
    color: #fff;
}
/*product-show*/
.product-show-top{
    margin-bottom: 0.4688rem;
}
.product-show-top-l{
    width: 56.45%;
}
.product-show-top-l-swiper{
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-show-top-l-swiper .swiper-pagination .swiper-pagination-bullet{
    opacity: 0.8;
    background-color: #ccc;
}
.product-show-top-l-swiper .swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--main-color);
}
.product-show-top-l-pic{
    padding-bottom: 100%;
    width: 100%;
   
}

.product-show-top-r{
    width: 34.72%;
}
.product-show-top-r-new{
    background-color: var(--main-color);
    color: #fff;
    font-size: .0833rem;
    padding: .0521rem .0625rem;
    margin-bottom: .1042rem;
    line-height: 1;
}
.product-show-top-r-tit h4{
    font-weight:600;
    margin-bottom: .1042rem;
}
.product-show-top-r-tit p{
    font-size: .0833rem;
    margin-bottom: .2083rem
}
.product-show-top-di p{
    font-size: .0833rem;
    margin-bottom: .0729rem;
    line-height: 1;
}
.product-show-top-di span{ 
    font-size: .0938rem;
}
.product-show-top-r-thumb-swiper{
    margin-top: .1927rem;
    margin-bottom: .2604rem;
}
.product-show-top-r-thumb-swiper .swiper-slide{
    border: 2px solid rgba(0, 0, 0, 0.1);
}
.product-show-top-r-thumb-swiper .swiper-slide-thumb-active{
    border: 2px solid var(--main-color);
}
.product-show-top-r-pic{
    width: 100%;
    height: .5469rem;
    padding-bottom: 0;
}
.product-show-top-r-btn a{
    background-color: var(--main-color);
    color: #fff;
    font-size: .1042rem;
    padding: .1198rem .8854rem;
}
.product-show-con{
    background-color: var(--main-color-gray);
    padding: 0.5208rem 0;
}
.product-show-con-item{
    background-color: #fff;
    margin-bottom: .1771rem;
    padding: .1927rem .125rem;
}
.product-show-con-item-top{
    padding-bottom: .125rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-show-con-item-con{
    margin-top: .2083rem;
}
.product-show-con-item-pics img{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.product-show-con-item-detail p{
    margin-bottom: .0781rem;
    font-size: .0938rem;
    display: flex;
    align-items: center;
}
.product-show-con-item-detail p::before{
    background-color: #000;
    width: .0417rem;
    height:  .0417rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.0521rem;
    content: '';
    display: inline-block;   
}
.product-show-con-item-download{
    width: 46%;
    padding-bottom: .1042rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-show-con-item-download p{
    font-size: 0.0938rem;
    opacity: 1;
}
.product-show-con-item-download:hover p{
    opacity: 0.5;
}
.product-show-con-item-download em{
    margin-right: .0781rem;
}
.product-show-con-item-download  span{
    font-size: .1042rem;
    font-weight: bold;
}
.product-show-bt{
    padding: 0.3646rem 0;
    
}
.product-show-list{
    margin-top: .3125rem;
    gap: 0.1354rem;
}

.product-show-con-item-con{
    display: none;
}
.product-show-con-item.on  .product-show-con-item-top span{
    transform: rotateX(180deg);
}
.product-show-con-item.on .product-show-con-item-con{
     display: block;
}
.customers{
    background-color: var(--main-color-gray);
    padding: 0.5208rem 1.25rem;
}
.customers-con{
    width: 88.05%;
    margin: 0 auto;
}
.cus-item em{
    background-color: rgba(255,255,255,1);
    width: .12rem;
    height: .12rem;
    line-height: 1;
}
.cus-item em::before{
    content: '';
    display: block;
    width: .05rem;
    height: .05rem;
    background-color: rgba(0,0,0,1);
    border-radius: 50%;
    overflow: hidden;
    line-height: 1;
}
.cus-item.on em{
    background-color: #000;
}
.cus-item.on em::before{
    background-color: #fff;
}

.cus-item span{
    background-color: #fff;
    padding: .033rem .0521rem;
    font-size: 0.0781rem;
    margin-left: .0521rem;
    opacity: 0;
}
.cus-item.on span{
    opacity: 1;
}
.cus-item:nth-child(3){
    flex-direction: row-reverse;
}
.cus-item:nth-child(3) span{
    margin-left: 0;
    margin-right: .0521rem;
}