body {
    font-size: 14px;
    font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
    color: #000;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
}
:root {
    --padding:80px 10px;
    --margin:90px auto;
    --m80:80px 0;
    --m50:50px 0;
    --f80:80px;
    --f70:70px;
    --f60:60px;
    --f50:50px;
    --f48:48px;
    --f40:40px;
    --f36:36px;
    --f30:30px;
    --f28:28px;
    --f26:26px;
    --f24:24px;
    --f22:22px;
    --f20:20px;
    --f18:18px;
    --border: #eee solid 1px;
    --wrapper: 1460px;
    --main-color: #e20005;
    --main2-color: linear-gradient(30deg, #00956d,#006b4e);
    --main3-color: #0055a6;
    --listbg: #fff;
 }
body a {
    color: #000;
        text-decoration: none !important;
    transition: all ease 0.3s;
}
a:hover, a:focus {
    color: var(--main-color);
    text-decoration: underline;
}
body li {
    list-style-type: none; 
}

p,
ul,
li,
h5,
h4,
h3,
h2,
h1 {
    padding: 0px;
    margin: 0 auto;
    list-style-type: none;
}

img,
a img {
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

input {
    outline: none
}

.non_width {
    width: 1440px;
    max-width: 94%;
    margin: 0 auto;
}



.mbx_w {
    color: #000;
    font-size: 16px;
}
.ymbt {
    display: block;
    line-height: 1.35;
    padding: 0;
    color: #000;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 0;
    padding-bottom: 32px;
    padding-top: 35px;
    font-weight: bold;
}
.plate_bt {
    text-align: center;
}




/*mianbaoxie------------------------------------------------*/


/*daohang------------------------------------------------*/
.head{position: relative;}
.head.headera{
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
    top: 0%;
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}
.head:hover{
    
 
}
.headw{
    =: 10px;
    =: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0% 5%;
}
.headw .logo{
    clear: left;
    margin-left: 0%;
    margin-right: 0px;
}
.headw .logo img{
    max-width: 100%;
}
.web_nav{
    display: none;
         
}
.web_nav span{}
.headw .nav{
    margin-left: 0%;
    margin-right: 0px;
    clear: none;
    width: 37%;
}
.headw .nav .souc{
    display: none;
}
.headw .nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.headw .nav ul li{
       margin: 0%;
}
.headw .nav ul li a{height: 90px;line-height: 87px;white-space: nowrap;text-align: center;font-size: 16px;color: #333;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;display: block;text-align: center;margin-bottom: 0px;border-bottom: solid 2px #fff;}
.headw .nav ul li:hover a{
    color: var(--main3-color);
    border-bottom: solid 2px var(--main3-color);
}
.headw .souc{display: flex;align-items: center;}
.headw .souc .icon{
    
        width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}
.headw .nav ul li .erji{
    display: none;
    position: absolute;
    left: 0%;
    width: 100%;
    background: #fff;
    z-index: 999;
    border-top: solid 1px #eee;
    top: 100%;
}
.headw .nav ul li:hover .erji{
     display: block;
}
.erjiw{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 3% 0%;
}

.erji_dh{
    width: 19%;
    border-right: solid 1px #eee;
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
    margin: 0%;
}
.headw .nav ul li .erji_dh a{
    border: 0;
    color: #666;
    height: auto;
    line-height: 61px;
    border-bottom: solid 1px#eee;
    font-size: 16px;
    text-align: left;
    padding: 0px 22px;
}
.headw .nav ul li .erji_dh a:hover{
    background: var(--main-color);
    color: #fff;
}
.erji_yjjs{
    width: 73%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0% 0%;
}
.erji_yjjsl{
    width: 50%;
}
.erji_yjjsl h2{
    font-size: 24px;
}
.erji_yjjsl p{
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-top: 13px;
}
.erji_yjjsr{
    width: 40%;
}
.erji_yjjsr img{
    width: 100%;
}
.dyy{
    display: flex;
}
.dyy a{
    font-size: 14px;
    color: #999;
    width: 34px;
    height: 34px;
    border: solid 1px #eee;
    border-radius: 50px;
    text-align: center;
    line-height: 34px;
}
.dyy a.jt{
    border: solid 1px var(--main3-color);
    background: var(--main3-color);
    color: #fff;
    margin-right: 10px;
}

.sosu{
    margin-left: 16px;
}
.sosu form{
    display: flex;
    width: 104px;
    height: 34px;
    border: solid 1px #eee;
    overflow: hidden;
    border-radius: 50px;
    align-items: center;
    justify-content: space-between;
}
.sosu form input{
    border: 0;
    width: 60%;
}
.sosu form button{padding: 0px 11px;margin: 0;background: none;border: 0;}
.sosu form button img{}
/*daohang------------------------------------------------*/
/*banner-------------------------------------------------*/
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner img {
    width: 100%;
}

.banner .banner_gund {
    position: absolute;
    bottom: 4% !important;
    z-index: 99;
    width: 100%;
    text-align: center;
}

.banner .banner_gund span {
    opacity: 1;
    width: 18px;
    background: #c9c9c9;
    height: 8px;
    border-radius: 0px;
    transition: all ease .5s;
}

.banner .banner_gund span.swiper-pagination-bullet-active {
    background: #0053af;
    width: 36px;
}

/*banner-------------------------------------------------*/
/*fudongkefu------------------------------------------------*/

/*fudongkefu------------------------------------------------*/

/*jinchangxiaoguo----------------------------------------------*/
.frtop {
    opacity: 0;
    transform: translatey(100%);
    transition: all .5s ease-out;
}

.started .frtop {
    opacity: 1;
    transform: none;
}

.frleft {
    transform: translate(-200%);
    opacity: 0;
    transition: all .75s ease-out;
}

.frright {
    transform: translate(200%);
    opacity: 0;
    transition: all .75s ease-out;
}

.started .frleft {
    opacity: 1;
    transform: none;
}

.started .frright {
    opacity: 1;
    transform: none;
}

/*jinchangxiaoguo----------------------------------------------*/


.fly {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
margin-top: 20px;}

.page-status,
.page-index,
.page-last {

    display: none;
}

.page-pre,
.page-next {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    height: 30px;
    background-color: #ddd;
    line-height: 30px;
}

.page-pre:hover,
.page-next:hover {
    background-color: var(--main3-color);
}

.page-pre:hover a,
.page-next:hover a {
    color: #fff;
}

.page-pre a,
.page-next a {
    display: block;
    color: #fff;
}

.page-next a {}

.page-numbar {
    display: inline-block;
    margin: 0px 3px;
}

.page-numbar a {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    margin: 0px 2px;
    background: #f9f9f9;
    line-height: 30px;
    color: #999;
}
    .page-numbar a.page-num-current{
        background-color: var(--main3-color);
        color: #fff;
    }

.page-numbar a:hover {
    background-color: var(--main3-color);
    color: #fff;
}
.foot{
    background: #f3f3f3;
}
.footw{
    display: flex;
    padding: 60px 0px;
    justify-content: space-between;
}
.foota{}
.foota img{}
.footb{
    width: 63%;
}
.footb ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.footb ul li{}
.footb ul li a{
    font-size: 18px;
    color: #333;
}
.footb ul li .erji{
    margin-top: 10px;
}
.footb ul li .erji a{
    display: block;
    font-size: 14px;
    opacity: 0.5;
    line-height: 1.8;
}
.footb ul li a:hover{
    color: var(--main-color);
}
.footc{
    display: flex;
    flex-direction: column;
    align-content: flex-end;
}
.footc h4{
    margin: 0;
    font-size: 14px;
    color: #333;
    text-align: right;
    opacity: 0.5;
    font-weight: 500;
}
.footc h2{
    font-size: 30px;
    color: #333;
    font-family: Gilroy;
    font-weight: bold;
}
.gzewm{
    display: flex;
    justify-content: flex-end;
    margin-top: 52px;
}
.gzewmw{
    display: flex;
    margin-left: 19px;
    position: relative;
}
.gzewmw img{}
.gzewmw .ewm{
    display: none;
    position: absolute;
    right: 100%;
}
.gzewmw:hover .ewm{
    display: BLOCK;
}
.gzewmw .ewm img{}

.footbq{
    background: #f3f3f3;
    border-bottom: solid 1px #dcdcdc;
}
.footbqw{
    border-top: solid 1px #eee;
    color: #333;
    font-size: 12px;
    opacity: 0.5;
    padding: 18px 0px;
}
.footbqw a{
    color: #333;
}

.plate_pro{
    padding: 100px 0px;
}
.plate_probt {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
}
.plate_probtl{}
    .plate_probtl h2{
    font-size: 36px;
}
    .plate_probtl_tab{
    margin-top: 17px;
}
    .plate_probtl_tab span{
    font-size: 16px;
    color: #7a7f8d;
    margin-right: 24px;
    padding-bottom: 16px;
    border-bottom: solid 1px #fff;
    cursor: pointer;
    transition: all ease .8s;
}
     .plate_probtl_tab span:hover{
         border-bottom: solid 1px var(--main-color);
         color: var(--main-color);
     }
    .plate_probtr{}
    .chakg{
    width: 116px;
    display: block;
    height: 42px;
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    filter: grayscale(100%);
    opacity: 0.3;
}
    .chakg:hover{
        filter: none;
        opacity: 1;
    }
     .chakg b{
    font-weight: 500;
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
}
     .chakg img{}
    .plate_pro_nrtab {}
    .nrtab_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .nrtab_list .list{
    width: 49%;
    background: #f4f4f4;
    border-radius: 20px;
    margin-bottom: 2%;
    overflow: hidden;
}
    .nrtab_list .list:nth-child(3),
     .nrtab_list .list:nth-child(4),
     .nrtab_list .list:nth-child(5){
    width: 32%;
}
     .nrtab_list .list a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 34px;
    padding-left: 50px;
}
    .nrtab_list .list a:hover{
    background: var(--main3-color);
}
     .nrtab_list .list a .nr{
    width: 50%;
}
     .nrtab_list .list a .nr h2{
    font-size: 20px;
    position: relative;
}
         .nrtab_list .list a .nr h2:after{
             content:'';
             position: absolute;
             width: 7px;
             height: 7px;
             background: var(--main-color);
             border-radius: 50%;
             left: -13px;
             top: 10px;
         }
     .nrtab_list .list a .nr p{
    font-size: 14px;
    color: #333;
    margin-top: 8px;
    opacity: 0.4;
}
        .nrtab_list .list a:hover .nr h2{
    color: #fff;
}
     .nrtab_list .list a:hover .nr p{
 color: #fff;
}
     .nrtab_list .list a .nr .an{
    background: #fff;
    border-radius: 50px;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 37%;
    padding: 13px 0px;
    filter: grayscale(100%);
    opacity: 0.5;
}
     .nrtab_list .list a:hover .nr .an{
         filter: none;
         opacity: 1;
     }
     .nrtab_list .list a .nr .an span{
    font-size: 14px;
    color: #999;
    margin-right: 22px;
    color: var(--main-color);
}
     .nrtab_list .list a .nr .an img{}
    .nrtab_list .list a  .img{
    width: 48%;
}
    .nrtab_list .list a .img img{
    width: 100%;
} 

    .plate_yycj{}
    .plate_yycj_w {}
    .plate_title{
    margin-bottom: 60px;
}
.plate_title h2{
    font-size: 36px;
}
.plate_title p{
    font-size: 14px;
    color: #7a7f8d;
    margin-top: 10px;
}
    .plate_yycj_tab{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
    .plate_yycj_tabbt{
    width: 18%;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}
    .plate_yycj_tabbt span{
    font-size: 18px;
    height: 70px;
    line-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a7f8d;
    border-bottom: solid 1px #fff;
    transition: all ease .8s;
    cursor: pointer;
}
    .plate_yycj_tabbt span:hover{
    background: var(--main-color);
    color: #fff;
}
    .plate_yycj_tabnr{
    width: 79%;
}
    .plate_yycj_tabnr_list{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
    .plate_yycj_tabnr_list .list{
    width: 32%;
    background: #f7f7f7;
    border-radius: 16px;
    overflow: hidden;
}
    .plate_yycj_tabnr_list .list a{}
    .plate_yycj_tabnr_list .list a .nr{
    padding: 26px;
}
    .plate_yycj_tabnr_list .list a .nr h2{
    font-size: 18px;
}
    .plate_yycj_tabnr_list .list a .nr p{
    font-size: 14px;
    opacity: 0.5;
    margin-top: 7px;
}
     .plate_yycj_tabnr_list .list a .img{
         overflow: hidden;
     }
    .plate_yycj_tabnr_list .list a .img img{
    width: 100%;
    transition: all ease .8s;
}
    .plate_yycj_tabnr_list .list a:hover .img img{
    transform: scale(1.1);
}
    .plate_yycj_tabnr_list .list a .an{
    padding: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
}
    .plate_yycj_tabnr_list .list a .an span{
    font-size: 14px;
    color: var(--main-color);
}
    .plate_yycj_tabnr_list .list a .an img{}

    .plate_about{width: 100%;overflow: hidden;}
    .plate_about_w{
    padding-top: 100px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .plate_about_bt{
    width: 33%;
}
    .plate_about_bt h2{
    font-size: 22px;
    color: var(--main-color);
    font-weight: 500;
}
    .plate_about_bt p{
    font-size: 36px;
    font-weight: bold;
    margin-top: 10px;
  
    margin-bottom: 60px;
}
    .plate_about_nr{
    width: 48%;
}
    .plate_about_nr p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
    .plate_about_sj{
    height: 711px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
     .plate_about_sj img{
    height: 100%;
}
    .plate_about_sjw{
    position: absolute;
    bottom: 0%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
      .plate_about_sjw .list{
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 148px;
    padding: 0% 3%;
    color: #fff;
    border-right: solid 1px #fff;
}
    .plate_about_sjw .list:nth-child(4){
        border: 0;
    }
    .plate_about_sjw .list .l{}
    .plate_about_sjw .list .l h2{
    display: flex;
    margin-top: 13px;
}
    .plate_about_sjw .list .l h2 span{
    font-size: 14px;
    display: flex;
}
    .plate_about_sjw .list .l h2 b{
    font-size: 52px;
    font-family: Gilroy;
    font-weight: 700;
    line-height: 52px;
    margin-right: 12px;
}
    .plate_about_sjw .list .l p{
    font-size: 16px;
}
    .plate_about_sjw .list .r{}
     .plate_about_sjw .list .r img{}
    .plate_news{
    padding: 100px 0px;
    width: 100%;
    overflow: hidden;
}
    .plate_newsw {}
    .plate_news_btw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .plate_news_list {}
    .plate_news_list .list{
    background: #f7f7f7;
    border-radius: 16px;
    overflow: hidden;
}
    
     .plate_news_list .list a{}
    .plate_news_list .list a .nr{
    padding: 26px;
}
    .plate_news_list .list a .nr h2{
    font-size: 18px;
}
    .plate_news_list .list a .nr p{
    font-size: 14px;
    opacity: 0.5;
    margin-top: 7px;
}
     .plate_news_list .list a .img{
         overflow: hidden;
     }
    .plate_news_list .list a .img img{
    width: 100%;
    transition: all ease .8s;
}
    .plate_news_list .list a:hover .img img{
    transform: scale(1.1);
}
    .plate_news_list .list a .an{
    padding: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
}
    .plate_news_list .list a .an span{
    font-size: 14px;
    color: var(--main-color);
}
    .plate_news_list .list a .an img{}

.nybanner{
    background: #f5f5f5;
    position: relative;
}
.nybanner .bj{
    height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.nybanner .bj img{
    height: 100%;
}
.nybanner_wz{
    position: absolute;
    bottom: 17%;
    z-index: 99;
    width: 100%;
}
.nybanner_wz h2{
    font-family: Gilroy;
    font-size: 48px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.nybanner_wz p{
    font-size: 28px;
    color: #fff;
}
.contact_main{
    background: #f5f7f6;
    padding: 100px 0px;
}
.contact_mainw{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.contact_mainw .left{
    width: 54%;
}
.lxfs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lxfs .list{
    width: 42%;
    display: flex;
    background: #fff;
    border: solid 1px #eee;
    border-radius: 20px;
    margin-bottom: 3%;
    padding: 3%;
    align-items: center;
}
.lxfs .list:nth-child(3){
    width: 100%;
}
.lxfs .list.on{
    width: 100%;
}
.lxfs .list:nth-child(1){
    background: var(--main3-color);
    border: solid 1px var(--main3-color);
}
.lxfsb .list:nth-child(1){
    background: #fff;
    border: solid 1px #eee;
}
.lxfs .list .img{}
.lxfs .list .img{}
.lxfs .list .nr{
    margin-left: 5%;
}
.lxfs .list .nr h4{
    font-size: 14px;
    font-weight: 500;
}
.lxfs .list .nr h2{
    font-size: 16px;
    font-weight: 500;
    margin-top: 9px;
}
.contact_mainw .right{
    width: 42%;
    overflow: hidden;
    border-radius: 20px;
    border: solid 6px #fff;
}

.lxfs .list:nth-child(1) .nr{}
.lxfs .list:nth-child(1) .nr h2{
    color: #fff;
}
.lxfs .list:nth-child(1) .nr h4{
    color: #fff;
}
.lxfsb .list:nth-child(1) .nr h2{
    color: #333;
}
.lxfsb .list:nth-child(1) .nr h4{
    color: #333;
}
.lxdz{
    width: 100%;
    height: 1000px;
    overflow: hidden;
    display: none;
}
.lxdz.active{
    display: block;
}
.lxdz iframe{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0;
}
.contact_mainw .left form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact_mainw .left form input{
    width: 43%;
    border: 0;
    background: #fff;
    border-radius: 10px;
    height: 50px;
    margin-bottom: 2%;
    padding: 0% 3%;
}
.contact_mainw .left form input:nth-child(6){
    width: 100%;
}
.contact_mainw .left form textarea{
    border: 0;
    background: #fff;
    border-radius: 10px;
    height: 135px;
    margin-bottom: 2%;
    padding: 3% 3%;
    width: 100%;
    font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
}
.contact_mainw .left form button{
    width: 100%;
    border: 0;
    background: var(--main3-color);
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    height: 63px;
}
.ny_nav{
    border-bottom: solid 1px #eee;
}

.ny_navw{}

.ny_navwr{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ny_navwr a{
    display: inline-block;
    margin: 33px 0px;
    font-size: 16px;
    border-right: solid 1px #eee;
    padding-right: 40px;
    margin-right: 40px;
    position: relative;
}
.ny_navwr a:hover{
    color: var(--main3-color);
}
.ny_navwr a:hover:after{
    content:'';
    position: absolute;
    width: 30%;
    bottom: -33px;
    height: 2px;
    background: var(--main3-color);
    left: 16%;
}
.zxybt{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    margin-bottom: 21px;
    margin-top: 40px;
}
.news_list{
    padding: 100px 0px;
}


.newsfa_li{margin-bottom: 60px;padding-bottom: 30px;display: flex;flex-direction: row-reverse;align-items: flex-start;justify-content: space-between;}
.newsfa_left{
    border-radius: 20px;
    overflow: hidden;
    width: 30%;
}
.newsfa_Img {}
.newsfa_Img  img{
    width: 100%;
}

.newsfa_right{width: 60%;}

.newsfa_right h3{
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
}

.newsfa_sum{
    font-size: 14px;
    color: #666;
    margin: 10px 0px;,
    animation: ;,
    animation: 0;,
    animation: 0p;,
    animation: 0px;,
    animation: 0p;,
    animation: 0;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newsfa_link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px #eee;
    padding-top: 26px;
    margin-top: 26px;
}
.newsfa_link span{
    font-family: Gilroy;
    font-weight: bold;
    font-size: 16px;
    color: #999;
}
.newsfa_link p{
    margin: 0%;
    width: 90px;
    height: 30px;
    border: solid 1px var(--main3-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main3-color);
    border-radius: 5px;
}

.news{
    padding: var(--m80);
    position: relative;
    background: #eee;
}
.newsw{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.newswl{
    margin-left: 0;
    clear: left;
    margin-right: 2%;
    width: 78%;
    background: #fff;
    padding: 3%;
}
.newswl .bt{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.newswl .cs{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin: 20px 0;
}
.newswl .csl{
    margin: 0%;
    display: flex;
}
.newswl .csl li{
    margin-right: 20px;
    color: #666;
}
.newswl .csl li a{
    color: #666;
}
.newswl .csl li span{}
.newswl .csr{
    margin: 0%;
}
.newswl .csr li{
    color: #666;
}
.newswl .csr li span{}
.newswl .nr{
    padding: 20px 0;
    line-height: 1.8;
    color: #666;
}
.newswr{
    width: 22%;
    background: #fff;
    border-top: var(--main-color) solid 5px;
    padding: 2%;
}
.newswr h2{
    font-size: 24px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newswr ul {}
.newswr ul li{
    border-bottom: dashed 1px #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.newswr ul li a{
    color: #666;
}
.newswr ul li a:hover{
    color: var(--main-color);
}
.nr_xs{}
.nr_xsw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nr_xsw > div{
    font-size: 14px;
    color: #999;
}
.nr_xsw > div a{
    font-size: 14px;
    color: #999;
}
.nr_xsw > div a:hover{
    color: var(--main-color);
}
.nr_xsw .nr_xswl{
    font-size: 14px;
    color: #999;
    width: 48%;
}
.nr_xsw .nr_xswr{
    font-size: 14px;
    color: #999;
    width: 47%;
}
.about_gsjj {
    padding: 100px 0px;
    background: url(../images/aboutnrbj.png);
    background-size: cover;
    overflow: hidden;
}
.about_gsjjw {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.about_gsjjw .left{
    font-size: 36px;
    font-weight: bold;
}
.about_gsjjw .right{
    width: 50%;
}
.about_gsjjw .right p{
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.8;
}

.about_gsjjvideo {
    margin-top: 80px;
    margin-bottom: 60px;
}
.about_gsjjvideo  img{
    width: 100%;
}

.about_gsjjgstp {
    margin-top: 80px;
}
.about_gsjjgstp  img{
    width: 100%;
}

.about_fzlc {
    background: url(../images/fzbj.png);
    padding: 100px 0px;
}
.about_fzlcw {}
.about_fzlcw_nr {
    width: 66%;
    padding-right: 16%;
}
.about_fzlcw_nr .swiper-slide{
    display: flex;
    opacity: 0.5;
    display: flex;
    justify-content: space-between;
    padding-top: 16%;
    padding-left: 10%;
}
.about_fzlcw_nr .swiper-slide.swiper-slide-active{
    opacity: 1;
    padding-top: 0%;
    padding-left: 0%;
}
.about_fzlcw_nr .swiper-slide .nr{
    width: 40%;
}
.about_fzlcw_nr .swiper-slide .nr h2{
    font-family: Gilroy;
    font-size: 30px;
}
.about_fzlcw_nr .swiper-slide .nr h3{
    font-size: 44px;
    color: var(--main-color);
}
.about_fzlcw_nr .swiper-slide .nr .sj{
    font-size: 16px;
    line-height: 1.8;
    margin-top: 22PX;
    COLOR: #666;
}
.about_fzlcw_nr .swiper-slide .img{
    display: none;
}
.about_fzlcw_nr .swiper-slide .img img{}

.about_fzlcw_nf{
    margin-top: 70px;
}
.about_fzlcw_nr .swiper-slide.swiper-slide-active .img{
    display: block;
    border-radius: 20px;
    overflow: hidden;
    border: solid 3px #fff;
}
.about_fzlcw_nf .swiper-slide{
    border-bottom: solid 1px #ffdfdf;
    text-align: center;
    padding-bottom: 14px;
    cursor: pointer;
    position: relative;
}
.about_fzlcw_nf .swiper-slide span{
    font-size: 18px;
    font-weight: bold;
    color: #666;
    border: solid 1px #eee;
    padding: 9px 24px;
    display: inline-block;
    border-radius: 5px;
}
.about_fzlcw_nf .swiper-slide.swiper-slide-thumb-active{border-bottom: solid 3px var(--main3-color);}
.about_fzlcw_nf .swiper-slide.swiper-slide-thumb-active:after{
    content:'';
    position: absolute;
    width: 10px;
    height: 10px;
    border: solid 4px var(--main3-color);
    border-radius: 50%;
    bottom: -15%;
    background: #fff;
    left: 47%;
}
.about_fzlcw_nf .swiper-slide.swiper-slide-thumb-active span{color: #fff;border: solid 1px var(--main3-color);background: var(--main3-color);}


.about_qywh {
    padding: 100px 0px;
}
.about_qywhw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about_qywhw .list{
    width: 32%;
    margin-bottom: 2%;
    position: relative;
}
.about_qywhw .list:nth-child(1),.about_qywhw .list:nth-child(2){
    width: 49%;
}
.about_qywhw .list .img{}
.about_qywhw .list .img img{
    width: 100%;
}
.about_qywhw .list .nr{
    position: absolute;
    bottom: 12%;
    left: 9%;

}
.about_qywhw .list .nr img{}
.about_qywhw .list .nr h3{
    font-size: 24px;
    font-weight: 500;
    margin-top: 10px;
    color: #fff;
    margin-bottom: 5px;
}
.about_qywhw .list .nr p{
    font-size: 16px;
    color: #fff;
}

.about_ryzs{
    margin-bottom: 100px;
}
.about_ryzsw {}
.about_ryzsw .list{
    background: #f5f7f6;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    text-align: center;
    font-size: 23px;
}
.about_ryzsw .list .img{
    padding: 19%;
    border-bottom: solid 1px #eee;
}
.about_ryzsw .list .img img{
    width: 100%;
}
.about_ryzsw .list h4{
    padding: 19px 0px;
    font-weight: 500;
    font-size: 16px;
}
    .jjfn_ny{
        padding: 100px 0px;
    }
    .jjfn_nyw{
        margin-bottom: 50px;
    }
    
    
    .pro_home {
    margin: 100px 0px;
}

.pro_home .bt {
    text-align: center;
}

.pro_home .bt h2 {
    font-size: 36px;
}

.pro_home .bt p {
    font-size: 16px;
    color: #666;
    margin-top: 9px;
}

.pro_home_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}

.pro_home_list .list {
    width: 24%;
    border: solid 1px #eee;
    padding: 4%;
    margin-bottom: 2%;
    border-radius: 12px;
}

.pro_home_list .list a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pro_home_list .list a .img {
}

.pro_home_list .list a .img img {
    width: 100%;
}

.pro_home_list .list a .nr {
    margin-top: 60px;
}

.pro_home_list .list a .nr h2 {
    font-size: 24px;
}

.pro_home_list .list a .nr p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 13px;
    text-align: left;
}

.pro_home_list .list a .nr span {
    border: solid 1px #eee;
    border-radius: 50px;
    background: #f5f5f5;
    margin-top: 15px;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #666;
}

.pro_home_list .list a:hover .nr span {
    background: var(--main3-color);
    color: #fff;
}

.pldl_wd {
    margin: 100px 0px;
}

.pldl_wdw {
}

.pldl_wdw .bt {
    text-align: center;
}

.pldl_wdw .bt h2 {
    font-size: 36px;
}

.pldl_wdw .bt p {
    font-size: 16px;
    color: #666;
    margin-top: 9px;
}

.pldl_wd_list {
    margin-top: 60px;
}

.pldl_wd_list .list {
    padding-bottom: 20px;
    margin-bottom: 46px;
    border-radius: 14px;
}

.pldl_wd_list .list .yiji_nr {
    display: flex;
    background: #f5f5f5;
    border-radius: 20px;
    align-items: center;
    justify-content: space-between;
    width: 99%;
}

.pldl_wd_list .list .yiji_nr a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5%;
}

.pldl_wd_list .list .yiji_nr a .img {
    width: 26%;
}

.pldl_wd_list .list .yiji_nr a .img img {
    width: 100%;
}

.pldl_wd_list .list .yiji_nr a .nr {
    width: 67%;
}

.pldl_wd_list .list .yiji_nr a .nr h2 {
}

.pldl_wd_list .list .yiji_nr a .nr p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
}

.pldl_wd_list .list .yiji_nr a .nr span {
}

.pldl_wd_list .list .list_xj {
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
}

.pldl_wd_list .list .list_xj a {
    width: 12.5%;
    border: solid 1px #eee;
    margin-bottom: 1.5%;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 1.5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 3%;
}

.pldl_wd_list .list .list_xj a:nth-child(5n) {
    margin-right: 0%;
}

.pldl_wd_list .list .list_xj a img {
    width: 100%;
    transition: all ease .8s;
}

.pldl_wd_list .list .list_xj a:hover img {
    width: 100%;
    transform: scale(1.1);
}

.pldl_wd_list .list .list_xj a h4 {
    margin-top: 25px;
}

.ppdl_ny_list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 80px;
}

.ppdl_ny_list .left {
    width: 18%;
    background: #f5f5f5;
    padding: 2%;
    border-radius: 10px;
}

.ppdl_ny_list .left .sbt {
    margin-bottom: 32px;
}

.ppdl_ny_list .left .sbt h2 {
    font-size: 20px;
}

.ppdl_ny_list .left .sbt p {
    color: #666;
}

.ppdl_ny_list .left .yiji {
    border-bottom: solid 1px #eee;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.ppdl_ny_list .left .yiji .yiji_nav {
}

.ppdl_ny_list .left .yiji .yiji_nav .yiji_a {
    font-size: 16px;
    display: block;
}

.ppdl_ny_list .left .yiji .yiji_nav .yiji_navw {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ppdl_ny_list .left .yiji .yiji_nav .xljt {
    width: 26px;
    cursor: pointer;
}

.ppdl_ny_list .left .yiji .yiji_nav .xljt img {
    width: 100%;
}

.ppdl_ny_list .left .yiji .yiji_nav .erji {
    display: none;
}

.ppdl_ny_list .left .yiji .yiji_nav.active .erji {
    display: block;
    margin-top: 10px;
}

.ppdl_ny_list .left .yiji .yiji_nav .erji .erji_nav {
    border-top: solid 1px #eee;
    padding-top: 10px;
    margin-top: 10px;
}

.ppdl_ny_list .left .yiji .yiji_nav .erji .erji_nav .erji_a {
    color: #666;
    padding-left: 10px;
    line-height: 1.8;
    font-size: 16px;
    display: block;
}

.ppdl_ny_list .left .yiji .yiji_nav .erji .erji_nav .erji_a:hover {
    color: var(--main-color);
}

.ppdl_ny_list .left .yiji .yiji_nav .erji .erji_nav .sanji {
    display: none;
    background: #fff;
    padding: 16px;
}

.ppdl_ny_list .left .yiji .yiji_nav .erji .erji_nav.active .sanji {
    display: block;
}

.ppdl_ny_list .left .yiji .yiji_nav .erji .erji_nav .sanji .sanji_nav {
}
.ppdl_ny_list .right {
    width: 76%;
}

.ppdl_list_ny {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ppdl_list_ny .list {
    width: 43%;
    border: solid 1px #eee;
    margin-bottom: 2%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3%;
}

.ppdl_list_ny .list .img {
    width: 30%;
    overflow: hidden;
}

.ppdl_list_ny .list .img img {
    width: 100%;
    transition: all ease .8s;
}

.ppdl_list_ny .list:hover .img img {
    width: 100%;
    transform: scale(1.1);
}

.ppdl_list_ny .list .nr {
    width: 65%;
}

.ppdl_list_ny .list .nr h3 {
    font-size: 20px;
}

.ppdl_list_ny .list .nr p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 7;
   
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ppdl_list_ny .list .nr .an {
    display: flex;
    margin-top: 30px;
}

.ppdl_list_ny .list .nr .an .ckgd {
}

.ppdl_list_ny .list .nr .an .ckgd a {
    width: 100px;
    display: block;
    background: var(--main3-color);
    text-align: center;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
}

.ppdl_list_ny .list .nr .an .jrdb {
    width: 100px;
    display: block;
    background: #333;
    text-align: center;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    margin-left: 7px;
    cursor: pointer;
}
.prozx_dt {
    margin-top: 100px;
    margin-bottom: 60px;
}

.prozx_dtw {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prozx_dtw h2 {
    font-size: 36px;
}

.prozx_dtw p {
    font-size: 16px;
    color: #666;
    margin-top: 7px;
    line-height: 1.6;
    text-align: center;
}

.prozx_dtw form {
    width: 50%;
    margin: 0;
    border: solid 1px #eee;
    border-radius: 0px;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
}

.prozx_dtw form input {
    border: 0px;
    width: 65%;
    height: 50px;
    font-size: 14px;
    padding: 0px 17px;
    background: url(../images/cpss.png) center left;
    background-repeat: no-repeat;
    background-position-x: 12px;
}

.prozx_dtw form button {
    background: var(--main-color);
    color: #fff;
    border: 0px;
    width: 100px;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.pro_xqmb {
    background: #f5f5f5;
    display: flex;
}

.pro_xqmbw {
    display: flex;
    height: 60px;
    align-items: center;
    color: #666;
    font-size: 14px;
}

.pro_home {
    margin: 100px 0px;
}

.pro_home .bt {
    text-align: center;
}

.pro_home .bt h2 {
    font-size: 36px;
}

.pro_home .bt p {
    font-size: 16px;
    color: #666;
    margin-top: 9px;
}

.pro_home_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}

.pro_home_list .list {
    width: 24%;
    border: solid 1px #eee;
    padding: 4%;
    margin-bottom: 2%;
    border-radius: 12px;
}

.pro_home_list .list a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pro_home_list .list a .img {
}

.pro_home_list .list a .img img {
    width: 100%;
}

.pro_home_list .list a .nr {
    margin-top: 60px;
}

.pro_home_list .list a .nr h2 {
    font-size: 24px;
}

.pro_home_list .list a .nr p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 13px;
    text-align: left;
}

.pro_home_list .list a .nr span {
    border: solid 1px #eee;
    border-radius: 50px;
    background: #f5f5f5;
    margin-top: 15px;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #666;
}

.pro_home_list .list a:hover .nr span {
    background: var(--main3-color);
    color: #fff;
}
.pro_xq {
    padding-top: 80px;
    position: relative;
}

.pro_xqw {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pro_xqwl {display: flex;flex-direction: row;justify-content: space-between;width: 100%;}

.pro_xqwl .gallery-topa {
    border: solid 1px #eee;
    margin-bottom: 20px;
    border: solid 1px #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0;
}

.pro_xqwl .gallery-topa .swiper-slide {
}

.pro_xqwl .gallery-topa .swiper-slide img {
    width: 100%;
}

.pro_xqwl .gallery-thumbsa {width: 19%;margin: 0;height: 361px;}

.pro_xqwl .gallery-thumbsa .swiper-slide {
}

.pro_xqwl .gallery-thumbsa .swiper-slide img {
    width: 100%;
}

.pro_xqwr {
    width: 55%;
}

.pro_xqwr h1 {
    font-size: var(--f24);
    color: #000;
    font-weight: 500;
    margin-bottom: 30px;
}

.pro_xqwr .fl {
    font-size: 16px;
    color: #666;
    background: #f5f5f5;
    padding: 15px 20px;
    margin-bottom: 30px;
}

.pro_xqwr .fl a {
    color: #666;
}

.pro_xqwr .nr {
    margin-bottom: 30px;
    line-height: 24px;
    font-size: 16px;
    color: #999;
}

.pro_xqwr .zx {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.pro_xqwr .zx a {
    display: inline-block;
    padding: 10px 20px;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    width: 160px;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}
.pro_xqwr .zx p{
    width: 100%;
    color: #999;
    margin-top: 8px;
}
.pro_xqwr .fx {
    display: flex;
}

.pro_xqwr .fx img {
    max-width: 27px;
}

.pro_xqwr .fx a {
    color: #999;
    font-size: 16px;
}

.pro_xqnr {
    padding-bottom: 80px;
}

.pro_xqnrw {
}

.pro_xqnrw .bt {
    border-bottom: #ddd solid 1px;
    margin: 30px 0;
    background: var(--main3-color);
}

.pro_xqnrw .bt h3 {
    display: inline-block;
    font-size: var(--f20);
    padding: 10px 20px;
    color: #333;
    cursor: pointer;
    font-weight: 500;
    color: #fff;
}

.pro_xqnrw .nr {
}
.pro_xqnrw .nr img{
    width: 100%;
}
.pro_xqnrw .nr p {
    font-size: 16px;
    line-height: 32px;
}

.pro_xqnrw .nr td, th {
    border: solid 1px #ccc;
    line-height: 30px;
    padding: 5px 5px 5px 10px;
    font-size: 16px;
}

.plate_fwan {
    background: rgba(239, 243, 246, 1);
}

.plate_fwanw {
    background: rgba(239, 243, 246, 1);
    padding: 5% 0%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.plate_fwanw .left {
}

.plate_fwanw .left h2 {
    color: rgba(0, 0, 0, 1);
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
}

.plate_fwanw .left p {
    color: rgba(102, 102, 102, 1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 43px;
}

.plate_fwanw .left form {
    border-radius: 53px;
    background: rgba(255, 255, 255, 1);
    width: 78%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
}

.plate_fwanw .left form input {
    width: 70%;
    border: 0px;
    font-size: 16px;
    height: 42px;
    padding: 0px 11px;
}

.plate_fwanw .left form button {
    width: 98px;
    height: 44px;
    border-radius: 50px;
    background: var(--main-color);
    color: #fff;
    font-size: 18px;
    border: 0px;
}

.plate_fwanw .right {
    display: flex;
    width: 47%;
    justify-content: space-between;
}

.plate_fwanw .right a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transition: all ease .8s;
}

.plate_fwanw .right a:hover {
    transform: translateY(-27px);
}

.plate_fwanw .right a img {
}

.plate_fwanw .right h4 {
    color: rgba(51, 51, 51, 1);
    font-family: Noto Sans SC;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 19px;
}
.prozx_dt {
    margin-top: 100px;
    margin-bottom: 60px;
}

.prozx_dtw {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prozx_dtw h2 {
    font-size: 36px;
}

.prozx_dtw p {
    font-size: 16px;
    color: #666;
    margin-top: 7px;
    line-height: 1.6;
    text-align: center;
}

.prozx_dtw form {
    width: 50%;
    margin: 0;
    border: solid 1px #eee;
    border-radius: 0px;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
}

.prozx_dtw form input {
    border: 0px;
    width: 65%;
    height: 50px;
    font-size: 14px;
    padding: 0px 17px;
    background: url(../images/cpss.png) center left;
    background-repeat: no-repeat;
    background-position-x: 12px;
}

.prozx_dtw form button {
    background: var(--main-color);
    color: #fff;
    border: 0px;
    width: 100px;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.prozx_sxsj {
    margin-bottom: 100px;
}

.prozx_sxsj_w {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prozx_sxsj_w .left {
    width: 18%;
    background: #f5f5f5;
    padding: 2%;
    border-radius: 10px;
}
.jszl_listw {
    margin: 100px 0px;
    text-align: center;
}

.jszl_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
}

.jszl_list .list {
    width: 45%;
    border: solid 1px #eee;
    margin-bottom: 2%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2%;
    background: #f5f5f5;
}

.jszl_list .list .img {
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
}

.jszl_list .list .img img {
    width: 100%;
}

.jszl_list .list .nr {
    width: 65%;
}

.jszl_list .list .nr h3 {
    font-size: 20px;
}

.jszl_list .list .nr p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.jszl_list .list .nr .an {
    display: flex;
    margin-top: 30px;
}

.jszl_list .list .nr .an .ckgd {
}

.jszl_list .list .nr .an .ckgd a {
    width: 100px;
    display: block;
    background: var(--main3-color);
    text-align: center;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
}

.jszl_list .list .nr .an .jrdb {
    width: 100px;
    display: block;
    background: #333;
    text-align: center;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    margin-left: 7px;
    cursor: pointer;
}


.product_detail *{box-sizing:border-box}
.product_detail button,.product_detail a{font:inherit}
.product_detail .detail-hero{background:#f5f5f5;padding-top: 100px;padding-bottom: 100px;}
.product_detail .hero-inner{width: min(1440px,calc(100% - 100px));margin:auto;display: flex;grid-template-columns: 0.5fr 0.5fr;align-items:center;gap: 34px;}
.product_detail .hero-copy{padding:52px 0 56px;width: 50%;}
.product_detail .eyebrow{margin:0 0 14px;color:var(--accent);font-size:15px}
.product_detail .hero-copy h1{margin:0;font-size:clamp(35px,3.6vw,56px);line-height:1.25;font-weight:500;letter-spacing:.01em}
.product_detail .hero-desc{max-width: 100%;margin:29px 0 0;color:#888;font-size: 16px;line-height:1.8}
.product_detail .hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}
.product_detail .primary-btn{height:51px;min-width:158px;border:0;background: var(--main3-color);color:#fff;font-weight:700;cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;font-size: 16px;display: flex;align-items: center;justify-content: center;}
.product_detail .primary-btn:hover{background: var(--blue);transform:translateY(-3px);box-shadow: 0 12px 25px rgb(9 144 243 / 20%);}
.product_detail .info-link{border:0;background:transparent;color:#888;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13px}.product_detail .info-link:hover{color:var(--accent)}.product_detail .info-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.product_detail .hero-visual{/* display:grid; */place-items:center;width: 50%;overflow: hidden;}.product_detail .hero-visual img{width: 100%;object-fit:contain;mix-blend-mode:multiply;/* filter:drop-shadow(0 22px 22px rgba(0,0,0,.12)); */transition:transform .5s ease}.product_detail .hero-visual:hover img{transform:translateY(-9px) scale(1.025)}
.product_detail .detail-shell{width: min(1440px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns: minmax(0,1fr) 380px;gap: 60px;padding: 100px 0 100px;}.product_detail .content{min-width:0;}.product_detail .content-section{padding:0 0 36px;margin-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:28px;font-size: 16px;line-height: 1.58;}.product_detail .content-section:last-child{border-bottom:0}.product_detail .content-section h2{margin:0 0 19px;font-size:27px;font-weight:500}.product_detail .content-section p{margin:0;color:#868686;font-size: 16px;line-height:1.9}.product_detail .features{display:grid;gap:4px;margin:0;padding:0;list-style:none;color:#868686;font-size:13px;line-height:1.75}.product_detail .spec-table{width:100%;margin-top:22px;border-collapse:collapse;overflow:hidden;font-size:12px}.product_detail .spec-table th{padding:12px 16px;background:#050505;color:#fff;font-weight:700}.product_detail .spec-table th:last-child{background:var(--accent)}.product_detail .spec-table td{padding:10px 16px;background:#ededed;border-bottom:2px solid #fff;text-align:center}.product_detail .spec-table tr:nth-child(even) td{background:#f8f8f8}.product_detail .application-list{display:grid;gap:12px;margin-top:22px}.product_detail .application-item{display:grid;grid-template-columns: 200px 1fr;align-items:center;background:#f7f7f7;transition:transform .25s ease,box-shadow .25s ease}.product_detail .application-item:hover{transform:translateX(7px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.product_detail .application-item img{width: 100%;height: auto;object-fit:contain;mix-blend-mode:multiply}.product_detail .application-copy{padding:12px 16px}.product_detail .application-copy h3{margin:0 0 4px;font-size: 24px;font-weight:500}.product_detail .application-copy p{font-size: 16px;line-height:1.6}
.product_detail .side{}.product_detail .side-nav{position:sticky;top:24px}.product_detail .side-nav button{position:relative;width:100%;height:53px;padding:0 28px;border:0;border-right:2px solid transparent;background:#fff;color:#8a8a8a;text-align:left;font-size: 16px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.product_detail .side-nav button:hover,.product_detail .side-nav button.active{background:#f7f7f7;color: var(--blue-deep);border-right-color: var(--blue-deep);}.product_detail .consultant{margin-top:34px;background:#f4f4f4}.product_detail .consultant img{display:block;width:100%;height: 180px;object-fit:cover;object-position:top}.product_detail .consultant-copy{padding: 30px;}.product_detail .consultant-copy h3{margin:0 0 9px;font-size: 18px;font-weight:500;font-weight: bold;}.product_detail .consultant-copy p{margin: 12px 0;color: var(--blue);font-size: 16px;}.product_detail .consultant-btn{width:100%;height:42px;margin-top:13px;border:0;background: var(--main3-color);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease}.product_detail .consultant-btn:hover{background:#dc6900}
.product_detail .related{padding:75px 0 105px;background: #eee;}.product_detail .related-title{margin:0 0 34px;text-align:center;font-size: 32px;font-weight:500}.product_detail .related-grid{width:min(1320px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap: 29px;}.product_detail .related-card{background: #fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding: 5%;}.product_detail .related-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px rgba(0,0,0,.1)}.product_detail .related-card img{width:100%;height:330px;display:block;object-fit:contain;mix-blend-mode:multiply}.product_detail .related-card-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 16px;font-size: 16px;}.product_detail .related-card-footer button{width:27px;height:27px;border:1px solid var(--accent);border-radius:50%;background:transparent;color:var(--accent);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease}.product_detail .related-card-footer button:hover{background:var(--accent);color:#fff}.product_detail .related-card-footer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.product_detail .toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,15px);padding:11px 17px;background:#333;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.product_detail .toast.show{opacity:1;transform:translate(-50%,0)}
#description img{
    width: 100%;
    max-width: 100%;
    margin-top: 4%;
}
@media(max-width:900px){
    .product_detail .detail-hero {
    background: #f5f5f5;
    padding-top: 10%;
    padding-bottom: 10%;
}
    
    .product_detail .hero-inner,.product_detail .detail-shell,.product_detail .related-grid{width:calc(100% - 56px)}.product_detail .hero-inner{grid-template-columns:.9fr 1.1fr;gap:20px}.product_detail .detail-shell{gap:35px;grid-template-columns:minmax(0,1fr) 220px}.product_detail .related-grid{gap:20px}.product_detail .related-card img{height:250px}}
@media(max-width:680px){.product_detail .hero-inner{display:block;min-height:0;width:calc(100% - 36px)}.product_detail .hero-copy{
    padding: 0%;
}.product_detail .hero-copy h1{font-size:36px}.product_detail .hero-visual{height:340px}.product_detail .detail-shell{display:block;width:calc(100% - 36px);padding-bottom:45px;padding: 0%;margin-bottom: 7%;}.product_detail .content{padding-top:36px}.product_detail .side{padding-top:0}.product_detail .side-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr);margin:6px 0 28px;display: none;}.product_detail .side-nav button{height:46px;border-right:0;border-bottom:2px solid transparent;padding:0 12px}.product_detail .side-nav button.active{border-bottom-color:var(--accent)}.product_detail .consultant{display:grid;grid-template-columns:40% 60%;margin-top:0}.product_detail .consultant img{height:100%;min-height:155px}.product_detail .related{padding:55px 0 65px}.product_detail .related-grid{width:calc(100% - 36px);grid-template-columns:1fr;gap:16px}.product_detail .related-card img{height:300px}.product_detail .related-title{font-size:24px}}
@media(max-width:420px){.product_detail .hero-copy h1{font-size:31px}.product_detail .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.product_detail .content-section h2{font-size:24px}.product_detail .spec-table{font-size:10px}.product_detail .spec-table th,.product_detail .spec-table td{padding:9px 7px}.product_detail .application-item{grid-template-columns:95px 1fr}.product_detail .application-item img{width:95px;height:80px}.product_detail .consultant{display:block}.product_detail .consultant img{height:180px}}




.file-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: #eee;
    padding: 0px 11px;
}
.file-item a{
    background: #eee;
    color: #666;
    padding: 12px 20px;
    display: block;
    font-size: 18px;
    width: 63%;
}
.file-item a:hover{
    background: var(--main3-color);
    color: #fff;
}

/* 减速电机参数表 CSS */
table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  color: #333;
  margin: 16px 0;
}

table th {
  background-color: var(--main3-color);
  color: #fff;
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  border: 1px solid var(--main3-color);
  color: #fff;
}

table td {
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  line-height: 1.6;
}

/* 参数项目列 左列底色 */
table tbody tr td:first-child {
  background-color: #f7f8fa;
  font-weight: 500;
  width: 220px;
}

/* 隔行斑马纹 */
table tbody tr:nth-child(even) td {
  background-color: #ffffff;
}
table tbody tr:nth-child(even) td:first-child {
  background-color: #f2f4f7;
}

/* 鼠标悬浮高亮 */
table tbody tr:hover td {
  background-color: #edf2f9 !important;
}

table p {
  margin: 0;
  padding: 0;
}