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: #781B46;
    --main2-color: linear-gradient(30deg, #00956d,#006b4e);
    --main3-color: #006b4e;
    --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,
span{
    padding: 0px;
    margin: 0;
    list-style-type: none;
    text-wrap-mode: wrap!important;
}

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

input {
    outline: none
}

.plate_width {
    width: 1500px;
    max-width: 94%;
    margin: 0 auto;
}



.mbx_w {
    color: #fff;
    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: fixed;z-index: 9999;width: 100%;top: 23px;transition: all ease .8s;}
.head.headera{
    top: 0%;
    box-shadow: 1px 5px 9px rgb(0 0 0 / 2%);
}
.head.headera .headw{width: 90%;max-width: 100%;padding: 0% 5%;background: #fff;}
.head:hover .headw{
}
.headw{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    background: rgb(212 212 212 / 93%);
    padding: 0% 2%;
    border-radius: 10px;
    transition: all ease .8s;
    position: relative;
}
.headw .logo{
    
            clear: left;
        margin-left: 0%;
        margin-right: 0px;
        width: 19.400000000000002%;
}
.headw .logo img{}
.web_nav{
    display: none;
         
}
.web_nav span{}
.headw .nav{
    
       width: 75.42%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
}
.headw .nav ul{
    display: flex;
    flex-wrap: wrap;
    
}
.headw .nav ul li{
       width: 120px;
    margin: 0%;
}
.headw .nav ul li a{height: 90px;line-height: 90px;padding: 0 10px;white-space: nowrap;text-align: center;font-size: 1rem;color: #333;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;display: block;text-align: center;}
.headw .nav ul li:hover a{
    color: var(--main-color);
}
.headw .nav ul li .erji{
    position: absolute;
    width: 92%;
    left: 0%;
    top: 100%;
    display: none;
    padding: 4%;
    box-shadow: 0 0 12px rgb(0 0 0 / 11%);
    border-radius: 5px;
    background: #fff;
}
.headw .nav ul li:hover .erji{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.headw .nav ul li .erji a{
    color: var(--main-color);
    width: 16%;
    padding: 0%;
    height: auto;
    line-height: initial;
    color: #333;
}
.headw .nav ul li .erji a:hover{
    color: var(--main-color);
}
.headw .nav ul li .erji a img{
    width: 80px;
    margin-bottom: 16px;
}
.headw .nav ul li .erji a h5{
    font-size: 16px;
    font-weight: 500;
}
.headw .souc{
            margin-left: 0%;
            margin-right: 0px;
            clear: none;
            width: 30px;
            height: 30px;
            background: var(--main-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
}
.headw .souc .icon{
    width: 20px;
    height: 18px;
    line-height: 22px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}
.daoann{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cpxx{
    width: 88px;
    height: 30px;
    margin: 0px 10px;
}
.cpxx a{
    display: flex;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    color: #666;
}
.cpxx a:hover{
    background: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
}
.duoyu{
    position: relative;
}
.duoyu:hover .duoyuw{
    min-height: 72px;
}
.duoyuw{
    position: absolute;
    top: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 18%);
    width: 120px;
    overflow: hidden;
    height: 0px;
    min-height: 0px;
    transition: all ease .8s;
}
.duoyuw a{
    text-align: center;
    color: #666;
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.duoyuw a:hover{
    background: var(--main-color);
    color: #fff;
}
.mor{
    display: flex;
    align-items: center;
    justify-content: space-between;
/* 矩形 52 */
    width: 77px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 15px;
    padding: 0px 6px;
    color: #666;
}
.mor img{}
/*daohang------------------------------------------------*/
/*banner-------------------------------------------------*/
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner .swiper-slide img{
    transition: all ease 3s;
    transform: scale(1.1);
    opacity: 0.7;
}
.banner .swiper-slide-active img{
    transform: scale(1.0);
}


.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 .swiper-slide {
    overflow: hidden;
    background: #000;
}

.banner .banner_gund span.swiper-pagination-bullet-active {
    background: #0053af;
    width: 36px;
}
.banner_nr{
    position: absolute;
    height: 100%;
    display: flex;
    z-index: 999;
    flex-direction: column;
    justify-content: center;
    width: 1560px;
    max-width: 90%;
}
.banner_nr h2{
    margin: 0%;
    color: #fff;
    font-size: 42px;
}
.banner_nr p{
    margin: 0%;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}
.banner_video {position: relative;background: #000;}
.banner_video video{
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.video_nr{
    position: absolute;
    top: 0%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    padding: 0 14%;
}
.video_nr h2{
    margin: 0;
    font-size: 2vw;
    color: #fff;
    width: 40%;
    line-height: 1;
    margin-bottom: 22px;
}
.video_nr p{
    font-size: 1vw;
    margin: 0%;
    color: #fff;
    margin-top: 0%;
    width: 53%;
}
.banner_swiper {
    
}
.gundjt{
    width: 100%;
    position: absolute;
    top: 50%;
}
.gundjt .swiper-button-next{
    background: rgb(120 27 71 / 50%);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gundjt .swiper-button-prev{
    background: rgb(120 27 71 / 50%);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gundjt  .swiper-button-next:after{
    content: 'next';
    background: rgb(120 27 71 / 100%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    transition: all ease .8s;
}
.gundjt  .swiper-button-prev:after{
        content: 'prev';
        background: rgb(120 27 71 / 100%);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 17px;
        transition: all ease .8s;
}
.gundjt  .swiper-button-next:hover:after{
    width: 62px;
    height: 62px;
}
.gundjt  .swiper-button-prev:hover:after{
    width: 62px;
    height: 62px;
}
/*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;
}

.dg:nth-child(1){
     opacity: 0;
    transition: all .3s ease-out;
    transform: translateY(100px);
}
.dg:nth-child(2){
     opacity: 0;
    transition: all .5s ease-out;
    transform: translateY(200px);
}
.dg:nth-child(3){
     opacity: 0;
    transition: all .7s ease-out;
    transform: translateY(300px);
}
.dg:nth-child(4){
     opacity: 0;
    transition: all .9s ease-out;
    transform: translateY(400px);
}
.dg:nth-child(5){
     opacity: 0;
    transition: all 1.1s ease-out;
    transform: translateY(500px);
}
.started .dg{
     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: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #333;
    border: solid 1px #333;
    display: none;
}

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

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

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

.page-next a {}

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

.page-numbar a {
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    margin: 0px 8px;
    line-height: 38px;
    color: #333;
    border: solid 1px #333;
    font-size: 18px;
}

.page-numbar a:hover {
    background-color: var(--main-color);
    color: #fff;
}


.plate_pro{
    padding: 100px 0px;
}
.plate_prow {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plate_btbk{
    margin-bottom: 80px;
    position: relative;
    width: 100%;
}
.plate_btbk h2{
    color: rgba(51, 51, 51, 1);
    font-family: HarmonyOS Sans;
    font-size: 42px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_btbk p{
    color: rgba(153, 153, 153, 1);
    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
}

.plate_pro_bt {
    position: absolute;
    right: 0%;
    top: 0%;
    width: 50%;
    z-index: 9;
}
.plate_pro_bt .plate_pro_bt_list{cursor: pointer;}
.plate_pro_bt .plate_pro_bt_list.swiper-slide-active{
}
.plate_pro_bt .plate_pro_bt_list h4{color: #666;font-size: 20px;font-weight: 400;line-height: 28px;letter-spacing: 0px;text-align: left;display: inline-block;border-bottom: solid 5px #fff;padding-bottom: 13px;}
.plate_pro_bt .plate_pro_bt_list.swiper-slide-active h4{border-bottom: solid 5px var(--main-color);color: var(--main-color);font-weight: bold;}
.plate_prow_bkbt{
    position: absolute;
    bottom: 0%;
    right: 0%;
    display: flex;
}
.plate_prow_bkbt h4{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #666;
    margin-left: 27px;
    border-bottom: solid 3px #fff;
    transition: all ease .8s;
    padding-bottom: 10px;
    cursor: pointer;
}
.plate_prow_bkbt h4.on,
.plate_prow_bkbt h4:hover{
    color: var(--main-color);
    font-weight: bold;
    border-bottom: solid 3px var(--main-color);
}
.plate_pro_nr {
    position: relative;
    width: 1500px;
    position: relative;
    height: 100%;
}
.plate_pro_nr.active{}
.plate_pro_nr .swiper-wrapper{
    position: initial;
}
.plate_pro_nr .swiper-wrapper .swiper-slide{
     position: relative;
}
.plate_pro_nr .swiper-wrapper .swiper-slide a{
    display: block;
    position: relative;
    height: 408px;
    padding: 70px 0px;
}
.plate_pro_nr .swiper-wrapper .swiper-slide .clqtb{
    top: 77%;
    left: 10%;
}
.plate_pro_nr_list_nr{overflow: hidden;position: absolute;top: 0%;height: 100%;width: 100%;transition: all ease .8s;opacity: 0;padding: 0% 5px;}
.plate_pro_nr_list_nr .swiper-slide{
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin: 1% 0%;
    position: relative;
}
.plate_pro_nr_list_nr .swiper-slide .img{
    text-align: center;
}
.plate_pro_nr_list_nr .swiper-slide .img img{
    transition: all ease .8s;
    width: auto;
    padding: 0%10%;
    height: 100%;
}
.plate_pro_nr_list_nr .swiper-slide h4{
    color: rgba(0, 0, 0, 1);
    font-family: Noto Sans SC;
    font-size: 24px;
    font-weight: 600;
    line-height: 0px;
    letter-spacing: 0px;
    text-align: center;
    z-index: 999;
    position: relative;
    margin-bottom: 56px;
}

.plate_pro_nr .swiper-wrapper .swiper-slide:hover{}
.plate_pro_nr .swiper-wrapper .swiper-slide .img{
    overflow: hidden;
    height: 300px;
}
.plate_pro_nr .swiper-wrapper .swiper-slide:hover .img img{
    transform: scale(1.1);
}
.plate_pro_nr .swiper-wrapper .swiper-slide:hover h4{
    color: var(--main-color);
}

.plate_pro_nr_list_nr:nth-child(1){
    z-index: 1;
    position: relative;
    opacity: 0;
}
.plate_pro_nr_list_nr:nth-child(1).active{
    opacity: 1;
}
.plate_pro_nr_list_nr.active{
    opacity: 1;
    z-index: 99;
}

.plate_about{
    background: #f5f5f5;
    padding: 100px 0px;
}
.plate_about_w{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.plate_about_w .left{}
.plate_about_w .left h2{
    color: rgba(0, 0, 0, 1);
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_about_w .left h4{
    color: var(--main-color);
    font-family: HarmonyOS Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 50px;
}
.plate_about_w .left p{
    color: rgba(102, 102, 102, 1);
    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 15px;
}
.ann{/* 矩形 42 */
    width: 146px;
    height: 48px;
    display: block;
    border-radius: 32px;
    background: rgba(120, 27, 70, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
    margin-top: 36px;
    transition: all ease .8s;
}
.ann:hover{
    transform: translateX(30px);
}
.ann span{
    color: rgba(255, 255, 255, 1);
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 16px;
}
.ann img{}
.plate_about_w .right{}
.plate_about_w .right img{}

.plate_about_ann{
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    box-shadow: 0px 0px 19px 2px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 1);
    margin-top: 50px;
}
.plate_about_ann .ann_list{
    width: 25%;
    border-right: solid 1px #eee;
    margin: 1%;
    padding: 2% 1.5%;
    display: flex;
    justify-content: space-between;
}
.plate_about_ann .ann_list a{
    display: flex;
    justify-content: space-between;
    width: 100%;
    transition: all ease .8s;
}
.plate_about_ann .ann_list a:hover{
    transform: translateY(-20px);
}
.plate_about_ann .ann_list .l{
    padding-top: 29%;
}
.plate_about_ann .ann_list .l h2{
    color: rgba(51, 51, 51, 1);
    font-family: Noto Sans SC;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_about_ann .ann_list .l h4{
    color: rgba(196, 196, 196, 1);
    font-family: Noto Sans SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_about_ann .ann_list .r{}

.plate_about_ann .ann_list:nth-child(5){
    border: 0;
}

.plate_jjfn{
    padding: 100px 0px;
}

.plate_jjfnw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.plate_jjfna{
    width: 39%;
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3% 5%;
}
.plate_jjfna .left{}
.plate_jjfna .left h2{
    color: rgba(0, 0, 0, 1);
    font-family: HarmonyOS Sans;
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_jjfna .left p{
    color: rgba(102, 102, 102, 1);
    font-family: HarmonyOS Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 9px;
}
.plate_jjfna .right{}
.plate_jjfna .right img{}

.plate_jjfna_ys{
    background: var(--main-color);
}
.plate_jjfna_ys .left h2{
    color: #fff;
}
.plate_jjfna_ys .left p{
    color: #fff;
}
.plate_jjfna_ys .left .ann{
    border: solid 2px #fff;
}

.plate_jjfnb{
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    width: 100%;
    margin-top: 2%;
    padding: 3% 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 600px;
    overflow: hidden;
}
.plate_jjfnb .left{
   width: 52%;
    position: relative;
    z-index: 9;
}
.plate_jjfnb .left img{}
.plate_jjfnb .left h4{
    font-family: HarmonyOS Sans;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 6%;
    margin-bottom: 3%;
    color: #fff;
}
.plate_jjfnb .left h2{
    color: #fff;
    font-family: HarmonyOS Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_jjfnb .left p{
    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    width: 70%;
    margin: 0;
    margin-top: 4%;
    color: #fff;
}
.plate_jjfnb .right{
    width: 100%;
    position: absolute;
    left: 0%;
    height: 100%;
    top: 0%;
    background: #000;
}
.plate_jjfnb .right img{
    width: 100%;
}

.plate_news{
    display: none;
}

.plate_newsw {}

.plate_news_list{
    display: flex;
    justify-content: space-between;
}
.plate_news_list .list{
    width: 28.3%;
    border: solid 1px #eee;
    padding: 2%;
}
.plate_news_list .list a{}
.plate_news_list .list .img{
    overflow: hidden;
}
.plate_news_list .list .img img{
    width: 100%;
    transition: all ease .8s;
}
.plate_news_list .list 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;
    margin-top: 20px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示的行数为3行 */
    overflow: hidden;
}
.plate_news_list .list p{
    color: rgba(102, 102, 102, 1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制显示的行数为3行 */
    overflow: hidden;
}

.plate_news_list .list .fbrj{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.plate_news_list .list .fbrj .rq{font-weight: bold;color: var(--main-color);}
.plate_news_list .list .fbrj .an{
    width: 114px;
    height: 42px;
    border: solid 1px #eee;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
    transition: all ease .8s;
}
.plate_news_list .list .fbrj .an span{
    color: #666;
    text-align: center;
    width: 80px;
}
.plate_news_list .list .fbrj .an img{}

.plate_news_list .list a:hover{}
.plate_news_list .list a:hover .img img{
    transform: scale(1.1);
}
.plate_news_list .list a:hover h2{
    color: var(--main-color);
}
.plate_news_list .list a:hover .fbrj .an{
    transform: translateX(-10px);
}

.plate_fwan{
    padding: 100px 0px;
    width: 1500px;
    max-width: 94%;
    margin: 0 auto;
}
.plate_fwanw{
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    padding: 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plate_fwanw .left{
    width: 50%;
}
.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: 14px;
    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;
}

.foot{
    background: #333;
    padding: 0% 5%;
}
.footw{}
.foot_bka{
    padding: 4% 0%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #575757;
}
.foot_bka .logo{}
.foot_bka form{}

.foot_bka form{
    border-radius: 53px;
    background: rgba(255, 255, 255, 1);
    width: 29%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
}
.foot_bka form input{
    width: 70%;
    border: 0px;
    font-size: 16px;
    height: 42px;
    padding: 0px 11px;
}
.foot_bka form button{
    width: 98px;
    height: 44px;
    border-radius: 50px;
    background: var(--main-color);
    color: #fff;
    font-size: 18px;
    border: 0px;
}

.foot_bkb{
    display: flex;
    justify-content: space-between;
    padding: 60px 0px;
}
.dh_ban{
    width: 40%;
    display: flex;
    justify-content: space-between;
}
.dh_ban .bknr{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bknr {}
.dh_ban .bknr h4{
    font-size: 20px;
    color: #fff;
    margin: 0%;
    margin-bottom: 31px;
}
.dh_ban .bknr a{
    color: #999;
    line-height: 1.8;
    font-size: 14px;
}

.lx_ban{}
.lx_ban h4{
    font-size: 20px;
    color: #fff;
    margin-bottom: 31px;
}
.lx_ban p{
    color: #999;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 14px;
}
.lx_ban p img{
    margin-right: 8px;
}
.ewm_ban{width: 16%;}
.ewm_ban h4{
    font-size: 20px;
    color: #fff;
    margin-bottom: 31px;
}
.ewm_ban .ewm{
    display: flex;
    justify-content: space-between;
}
.ewm_ban .ewmw{
    width: 130px;
}
.ewm_ban .ewmw img{
    width: 100%;
}
.ewm_ban .ewmw p{
    text-align: center;
    color: #999;
    margin-top: 10px;
}

.foot_bkc{
    border-top: solid 1px #575757;
    padding: 22px 0px;
    text-align: center;
    color: #999;
}

.pro_flnr{background: #f5f5f5;}
.pro_flnrw {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
}
.pro_flnr a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 70px;
}
.pro_flnr a img{
    width: 30px;
    margin-right: 10px;
}
.pro_flnr a h5{
    font-size: 18px;
    margin: 0%;
}
.pro_sx_t{
    margin-top: 80px;
}

.pro_sx_bt{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    margin-bottom: 50px;
}
.pro_sx_bt h2{
    font-size: 30px;
    font-weight: bold;
    margin: 0%;
}
.pro_sx_bt form{
    width: 42%;
    margin: 0;
    border: solid 1px #eee;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pro_sx_bt form input{
    border: 0px;
    width: 65%;
    height: 50px;
    font-size: 16px;
    padding: 0px 40px;
    background: url(../images/cpss.png) center left;
    background-repeat: no-repeat;
    background-position-x: 12px;
}
.pro_sx_bt form button{
    border-radius: 50px;
    background: var(--main-color);
    color: #fff;
    border: 0px;
    width: 100px;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
}

.pro_sx_fl{display: flex;background: #f5f5f5;align-items: center;justify-content: space-between;}
.cpfl_listw{
}
.cpfl_listw {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.cpfl_listw  a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.cpfl_listw  a.active{
    background: var(--main-color);
}
.cpfl_listw  a.active h4{
    color: #fff;
}
.cpfl_listw img{
    width: 56%;
    border: solid 1px #999;
    padding: 0;
    border-radius: 8px;
    opacity: 0.35;
    display: none;
}
.cpfl_listw  h4{
    font-size: 20px;
    color: #333;
    font-weight: 500;
    line-height: 66px;
    margin: 0%;
    width: 100%;
    text-align: center;
}
.cpfl_listw a:hover h4{background: var(--main-color);color: #fff;}
.cpfl_listw a:hover img{
    opacity: 1;
    border: solid 2px;
    color: var(--main-color);
}

.pro_sx_b{}
.pro_sx_bw {position: absolute;right: 0%;width: 150px;bottom: 0%;}
.pro_sx_bw .bt{
    font-size: 16px;
    display: none;
}
.pro_sx_bw .dbbt{
    border: solid 1px #eee;
    border-radius: 50px;
    padding: 12px 22px;
    font-size: 16px;
    cursor: pointer;
    background: var(--main-color);
    color: #fff;
    font-weight: bold;
}
.pro_sx_bw .dbbt:hover{
    background: var(--main-color);
    color: #fff;
}

.pro_sx_b_list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid 1px #eee;
    border-top: 0;
    padding: 3%;
}
.prosx{
    width: 100%;
    margin-right: 30px;
    background: rgba(239, 243, 246, 1);
    color: #333;
    padding: 1.5% 2%;
    border-radius: 5px;
    position: relative;
    transition: all ease .5s;
    cursor: pointer;
}
.prosx.highlight{
    background: var(--main-color);
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}
.prosx:last-child{
      margin-right: 0px;
}
.sxbt{
    display: flex;
    justify-content: space-between;
}
.sxbt h4{
    margin: 0%;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}
.sxbt .xs{
    font-size: 32px;
    line-height: 32px;
    font-weight: 100;
}
.sxbt .qx{
    display: none;
    font-size: 32px;
    line-height: 32px;
    font-weight: 100;
}
.sxxk{overflow: hidden;transition: all ease .8s;height: 0px;position: absolute;width: 100%;left: 0%;top: 100%;overflow-y: auto;background: #eff3f6;z-index: 9;}
.prosx.highlight .xs{
  display: none;
}
.prosx.highlight .qx{
    display: block;
 
}

.prosx.highlight .sxxk{
    height: 200px;
}
.prosx .sxxk p{
    padding: 0px 22px;
    height: 36px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.pro_list {
    margin: 100px auto;
}
.pro_tp_list{}
.pro_db_listw{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pro_db_listw .list{
    width: calc(33.3% - 2px);
    border: solid 1px #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3% 0%;
    position: relative;
}
.duib{
    position: absolute;
    right: 3%;
    top: 3%;
    width: 77px;
    height: 30px;
    border: solid 1px #eee;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    cursor: pointer;
}
.clqtb {
    position: absolute;
    left: 6%;
    top: 6%;
    z-index: 99;
}
.plate_pro_nr .swiper-wrapper .swiper-slide .clqtb{
    top: 77%;
    left: 10%;
}
.clqtb.Intel {}
 .clqtb .Intel {
    display: none;
}
.clqtb.Intel .Intel{
    display: block;
}
.clqtb.AMD {}
.clqtb.AMD .AMD{
    display: block;
}
 .clqtb .AMD {
    display: none;
}
.active .duib{
    background: var(--main-color);
    color: #fff;
}
.duib:hover{
    background: var(--main-color);
    color: #fff;
}
.pro_db_listw .list .b{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.pro_db_listw .list .t{
    display: none;
}
.pro_db_listw .list a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pro_db_listw .list .img{
    width: 50%;
}
.pro_db_listw .list .img img{
    width: 100%;
}

.pro_db_listw .list .bt{
    font-size: 20px;
    font-weight: bold;
    margin-top: 45px;
    text-align: center;
}
.pro_db_listw .list .nr{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 0% 11%;
    margin-top: 15px;
}
.pro_db_listw .list .pros a{
    width: 120px;
    display: block;
    margin: 0 auto;
    border: solid 1px #eee;
    text-align: center;
    color: #999;
    border-radius: 50px;
    margin-top: 40px;
    height: 42px;
    line-height: 42px;
    transition: all ease .8s;
}
.pro_db_listw .list:hover .pros a{
    background: var(--main-color);
    color: #fff;
    border: var(--main-color) 1px;
}
.pro_dblistycxs{
    position: fixed;
    width: 90%;
    z-index: 99999;
    top: 0%;
    left: 0%;
    background: rgb(0 0 0 / 38%);
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 87%;
    flex-direction: column;
    display: none;
}
.pro_dblistycxs.active {
    display: block;
}
.pro_dblistycxsw{
    background: #fff;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.fnnf{position: relative;}
.fnnf .guanbi {
    position: absolute;
    right: 3%;
    top: 20%;
    width: 60px;
    height: 60px;
    border: solid 1px #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    color: #999;
    cursor: pointer;
}
.pro_dblist{
    margin: 0 auto;
    overflow-x:  auto;
    position: relative;
    height: 82vh;
}
.fnnf h2{
    text-align: center;
    font-size: 36px;
    padding-top: 30px;
}
.fnnf h4{
    text-align: center;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 20px;
}
.pro_dblistl{
    width: 300px;
    position: absolute;
    top: 0%;
}
.pro_dblistl > div{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.bta{
    height: 200px;
}
.pro_dblistr{
    display: flex;
    min-width: 1000px;
    padding-left: 300px;
}
.pro_dblistr .list{
    width: 100%;
    border-left: solid 1px #eee;
    min-width: 463px;
    display: none;
    max-width: 463px;
    position: relative;
}
.pro_dblistr .list.active{
    display: block;
}
.pro_dblistr .list .b{
    display: none;
}
.pro_dblistr .list .t  .scdb{
    position: absolute;
    right: 3%;
    top: 3%;
    width: 51px;
    height: 51px;
    border: solid 1px #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    cursor: pointer;
    padding: 0%;
}
.pro_dblistr .list .t  .scdb:hover{
    background: var(--main-color);
    color: #fff;
}
.pro_dblistr .list .t > div{
    padding: 0% 5%;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 14px;
}
.pro_dblistr .list .img{
    display: flex;
    flex-direction: column;
}
.pro_dblistr .list .img img{
    height: 80%;
}
.pro_dblistr .list .img h4{
    text-align: center;
}
.bta1{
    background: #f0f2f5;
    height: 76px;
}
.bta2{
    height: 116px;
}
.bta3{
    background: #f0f2f5;
    height: 152px;
}
.bta4{
    height: 55px;
}
.bta5{
    background: #f0f2f5;
    height: 68px;
}
.bta6{
    height: 116px;
}
.bta7{
    background: #f0f2f5;
    height: 68px;
}
.bta8{
    height: 68px;
}
.bta9{
    background: #f0f2f5;
    height: 100px;
}
.bta110{
    height: 68px;
}
.bta112{
    height: 68px;
    background: #f0f2f5;
}
.bta112 a{
    width: 140px;
    display: block;
    margin: 0 auto;
    border: solid 1px #eee;
    text-align: center;
    color: #999;
    border-radius: 50px;
    height: 42px;
    line-height: 42px;
    transition: all ease .8s;
    background: #fff;
}
.bta112 a:hover{
    background: var(--main-color);
    color: #fff;
}
.nybanner{
    position: relative;
}
.nybanner .bj{
    
}
.nybanner .bj img{
    width: 100%;
}
.nybanner_wz{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.nybanner_wz h2{
    font-weight: bold;
    font-size: 42px;
    color: #fff;
}
.ny_navwl{
    display: flex;
    margin-top: 10px;
    color: #666;
}
.ny_navwl a{
    color: #fff;
}

.jjfn_list{
    background: #f5f5f5f5;
    padding: 100px 0px;
}
.jjfn_listbt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jjfn_listbt .list{
    width: 20%;
    background: #fff;
    padding: 2% 2%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 6px;
    cursor: pointer;
    border: solid 1px #eee;
}

.jjfn_listbt .list span{
    font-size: 18px;
    margin-left: 18px;
    font-weight: bold;
}
.jjfn_listbt .list img{
    width: 84px;
}

.jjfn_list_listlb .list{
    position: fixed;
    background: rgb(0 0 0 / 49%);
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
}
.jjfn_list_listlb .list.new-class{
    display: flex;
}
.jjfn_list_listlb .list_kd{width: 37%;min-height: 400px;background: #fff;max-height: 400px;padding: 3%;position: relative;border-radius: 5px;border: solid 1px #eee;}
.jjfn_list_listlb .list_kd .qx{
    position: absolute;
    right: 2%;
    top: 2%;
    font-size: 18px;
    color: var(--main-color);
    cursor: pointer;
}
.jjfn_list_listlb .list_kd .list_bt{
    text-align: center;
    font-size: 24px;
    margin-bottom: 27px;
}
.jjfn_list_listlb .list_kd .listw{
    border-bottom: solid 1px #999;
    padding-bottom: 3%;
    margin-bottom: 3%;
}
.jjfn_list_listlb .list_kd .listw a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.jjfn_list_listlb .list .listw a span{
    font-size: 18px;
}
.jjfn_list_listlb .list .listw  i{
    color: var(--main-color);
    font-style: normal;
    font-size: 16px;
    background: url(../images/cka.png) left center;
    padding-left: 30px;
    background-size: 21px;
    background-repeat: no-repeat;
}

.jjfn_xqnr{}
.jjfn_xqnr img{
    width: 100%;
}

.ny_nav{
    background: #fff;
    box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 12%);
}
.ny_navw{}
.ny_navwr{}
.ny_navwr a{
    height: 78px;
    display: inline-block;
    line-height: 78px;
    margin-right: 45px;
    font-size: 16px;
    position: relative;
}
.ny_navwr a:after{
    content:'';
    position: absolute;
    bottom: 0%;
    width: 0%;
    height: 5px;
    background: var(--main-color);
    left: 0%;
    transition: all ease .8s;
}
.ny_navwr a:hover:after{
    width: 100%;
}
.ny_navwr a.on{
    color: var(--main-color);
}
.ny_navwr a.on:after{
    width: 100%;
}

.omedz_nra{
    padding: 100px 0px;
}
.omedz_nra img{
    width: 100%;
}
.omedz_nraw{}
.omedz_nraw h2{
    font-size: 24px;
}
.omedz_nraw p{
    font-size: 16px;
    margin-top: 10px;
    color: #666;
}
.omedz_nraw .tb{
    display: flex;
    justify-content: space-between;
}
.omedz_nraw .tb .list{
    width: 25%;
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.omedz_nraw .tb .list img{
    width: auto;
}
.omedz_nraw .tb .list h4{
    font-size: 20px;
    margin-top: 6%;
}
.omedz_nrb{
    background: rgba(239, 243, 246, 1);
    padding: 100px 0px;
}
.omedz_nrbw{}
.omedz_nrbw .nr{
    margin-bottom: 62px;
}
.omedz_nrbw .nr h2{
    font-size: 30px;
}
.omedz_nrbw .nr p{
    font-size: 16px;
    margin-top: 10px;
    color: #666;
    margin-top: 20px;
}

.fuwzc{
    width: 1500px;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
}
.fuwzc a{
    background: #f5f5f5;
    width: 22%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5% 0%;
    border-radius: 5px;
}
.fuwzc a img{
    width: 66px;
}
.fuwzc a h4{
    font-size: 24px;
    margin-top: 15px;
}

.fwlxwm {
    background: url(../images/fwbj.jpg);
    border-radius: 10px;
    background-size: cover;
    margin-bottom: 100px;
}
.fwlxwm h2{
    font-size: 36px;
    margin-bottom: 43px;
}
.fwlxwm  p{
    font-size: 20px;
    margin-bottom: 10px;
    color: #666;
}
.fwlxwmw{
    padding: 7%;
}
.fwlxwm  span{
    background: var(--main-color);
    color: #fff;
    border-radius: 50px;
    padding: 17px 31px;
    display: inline-block;
    font-size: 18px;
    margin-top: 59px;
}

.fwtk_nr {
    padding: 100px 0px;
}

.bxcx {}
.bxcxw{
    width: 800px;
    margin: 100px auto;
    padding: 4%;
    box-shadow: 0 0 12px rgb(0 0 0 / 16%);
}
.bxcxw h3{
    font-size: 22px;
    color: var(--main-color);
}
.bxcxw p{
    font-size: 18px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 51px;
}

.bxcx form .bda{
    margin-bottom: 20px;
}
.bxcx form .bdb{
    margin-bottom: 20px;
}
.bxcx form .bdc{
    margin-bottom: 20px;
}

.bxcx form .bda .bt{
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
    color: #666;
}
.bxcx form .bdb .bt{}
.bxcx form .bdc .bt{}
.bxcx form .bda input{
    width: 100%;
    border: solid 1px #eee;
    padding: 16px 13px;
    font-size: 16px;
    border-radius: 5px;
    background: #eee;
}
.bxcx form .bdb  textarea{
      width: 100%;
      border: solid 1px #eee;
      padding: 16px 13px;
      font-size: 16px;
      border-radius: 5px;
      background: #eee;
      font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
      height: 121px;
}

.bxcx form button{
    background: var(--main-color);
    color: #fff;
    width: 100%;
    height: 54px;
    border: 0px;
    font-size: 18px;
    margin-bottom: 3px;
}

.bxcxw .bz{
    font-size: 14px;
    color: #999;
}

.zlss {
    margin-top: 100px;
    text-align: center;
}
.zlss h2{
    font-size: 36px;
}


.zlss form{
    width: 42%;
    margin: 0 auto;
    border: solid 1px #eee;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zlss form input{
    border: 0px;
    width: 65%;
    height: 50px;
    font-size: 16px;
    padding: 0px 40px;
    background: url(../images/cpss.png) center left;
    background-repeat: no-repeat;
    background-position-x: 12px;
}
.zlss form button{
    border-radius: 50px;
    background: var(--main-color);
    color: #fff;
    border: 0px;
    width: 100px;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
}

.zlss_list {
    margin-bottom: 100px;
    margin-top: 80px;
}
.zlss_list .list{
    margin-bottom: 19px;
}
.zlss_list .list a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px;
    border: solid 1px #eee;
}
.zlss_list .list a:hover{
    background: var(--main-color);
    color: #fff;
}
.zlss_list .list a .l{}
.zlss_list .list a .l h2{
    font-weight: 500;
    font-size: 24px;
    font-weight: bold;
}
.zlss_list .list a .l p{
    color: #999;
    margin-top: 7px;
}
.zlss_list .list a .r{
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.zlss_list .list a .r img{
    width: 25px;
    margin-right: 8px;
}

.faq_list {
    margin: 100px auto;
}
.faq_list .list{border-bottom: solid 1px #eee;margin-bottom: 30px;}
.faq_list .list .t{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
}
.faq_list .list .t h4{
    margin: 0;
    font-size: 24px;
}
.faq_list .list .t .an{}
.faq_list .list .t .an .k{
    font-size: 32px;
}
.faq_list .list .t .an .g{
    display: none;
      font-size: 32px;
}
.faq_list .list .b{
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    color: #555;
    line-height: 1.6;
}
.faq_list .list.active .b{
    padding: 4%;
    max-height: 1000px; /* 足够大的值以容纳内容 */
    background: #eee;
    font-size: 18px;
}
.faq_list .list.active .t .an .k{
   display: none;
}
.faq_list .list.active .t .an .g{
    display: block;
}
.faq_list .list.active .t h4{
    color: var(--main-color);
}

.news_list {
    padding: 100px 0px;
    display: flex;
    flex-wrap: wrap;
}
.news_list .list{
    width: 31%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 12%);
    border-radius: 20px;
    overflow: hidden;
    margin: 1%;
}
.news_list .list:nth-child(3n){
    margin-right: 0%;
}
.news_list .list .left{}

.news_list .list .left .img {
    overflow: hidden;
}
.news_list .list .left .img img{
    width: 100%;
    transition: all ease .8s;
}
.news_list .list .right{
    padding: 8%;
}
.news_list .list .right h2{
    color: rgba(0, 0, 0, 1);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_list .list .right p{
    color: rgba(102, 102, 102, 1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news_list .list .right .fbrj{
    display: flex;
    margin-top: 50px;
    align-items: center;
    justify-content: space-between;
}
.news_list .list .right .fbrj .rq{
    font-size: 16px;
}
.news_list .list .right .fbrj .an{
    border: solid 1px #eee;
    border-radius: 50px;
    padding: 5px 6px;
    transition: all ease .8s;
}
.news_list .list .right .fbrj .an span{
    padding: 0px 16px;
}
.news_list .list .right .fbrj .an img{}

.news_list .list:nth-child(1){
    width: 100%;
    margin-bottom: 5%;
}
.news_list .list:nth-child(1) a{
       display: flex;
       align-items: center;
       justify-content: space-between;
}
.news_list .list:nth-child(1) .left{
    width: 50%;
}
.news_list .list:nth-child(1) .right{
    width: 40%;
    padding: 5%;
}

.news_list .list:hover .left .img img{
    transform: scale(1.1);
}
.news_list .list:hover .right .fbrj .an{
    background: var(--main-color);
    color: #fff;
}
.news_list .list:hover .right .fbrj .an span{}

.news_list .list:hover .right h2{
    color: var(--main-color);
}

.fyan {
    margin-bottom: 100px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.news{
    padding: var(--m80);
    position: relative;
    background: #f5f5f5;
}
.newsw{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.newswl{
    margin-left: 0;
    clear: left;
    margin-right: 5%;
    width: 75%;
    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: 3%;
}
.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{
    border-top: solid 1px #eee;
    padding-top: 4%;
    margin-top: 4%;
}
.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;
}
.nr_xsw .nr_xswr{
    font-size: 14px;
    color: #999;
}

.about_nra{
    padding: 100px 0px;
}
.about_nraw {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about_nraw .left{
    width: 46%;
}
.about_nraw .left h2{
    font-size: 48px;
}
.about_nraw .left h3{
    font-size: 24px;
    font-weight: 500;
    color: var(--main-color);
    margin-top: 10px;
    margin-bottom: 60px;
}
.about_nraw .left p{
    font-size: 15px;
    margin-top: 13px;
    line-height: 1.8;
}

.about_nraw .right{
    width: 47%;
}
.about_nraw .right img{
    width: 100%;
}

.about_nrb{
    position: relative;
    background: url(../images/img78.jpg) no-repeat 50% 50%;
    padding: 9% 0px;
    background-size: cover;
}
.about_nrbw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about_nrbw .list{}
.about_nrbw .list h2{
    font-size: 60px;
    color: #fff;
}
.about_nrbw .list h2 span{
    font-size: 30px;
}
.about_nrbw .list h3{
    font-size: 16px;
    color: #fff;
}

.about_nrc {
    padding-top: 100px;
}
.about_nrbw{}
.about_btbt{
    font-size: 48px;
    font-weight: bold;
}

.about_nrc .scroll{
    background: url(../images/img79.jpg);
    margin-top: 60px;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}
.about_nrc .scroll ul{
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about_nrc .scroll ul li{
    width: calc(16% - 2px);
    padding: 2%;
    border-right: solid 1px rgb(255 255 255 / 34%);
    padding-bottom: 4%;
    transition: all ease .8s;
    margin: 0;
}
.about_nrc .scroll ul li:nth-child(5){
    border: 0;
}
.about_nrc .scroll ul li .posi{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 400px;
    justify-content: flex-end;
}
.about_nrc .scroll ul li .posi img{}
.about_nrc .scroll ul li .posi .content1{}
.about_nrc .scroll ul li .posi .content2{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 31px;
}
.about_nrc .scroll ul li .posi .content3{
    width: 0%;
    overflow: hidden;
    height: 0px;
    font-size: 16px;
    color: #fff;
    margin-top: 7%;
}
.about_nrc .scroll ul:hover li{
    width: calc(14% - 2px);
}
.about_nrc .scroll ul:hover li:hover{
    width: calc(24.3% - 2px);
}
.about_nrc .scroll ul:hover li:hover  .posi .content3{
    height: auto;
    width: 100%;
}

.about_gszz {
    padding: 100px 0px;
    text-align: center;
}
.gszz_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4%;
}
.gszz_list .list{
    width: calc(25% - 2px);
    border: solid 1px #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3% 0%;
    position: relative;
}
.gszz_list .list .img{}
.gszz_list .list .img img{
    width: 100%;
}
.gszz_list .list h4{
    font-size: 24px;
    margin-top: 13px;
}
.content_nr{
    padding: 100px 0px;
}
.content_nrw{}
.content_nrw .listw{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.content_nrw .list{
    width: 43%;
    background: url(../images/73a0d11f63644a1cae2556be90e0c1dd.jpg);
    padding: 3%;
    border-radius: 10px;
    overflow: hidden;
}
.content_nrw .list:nth-child(2){
  background: url(../images/d32f28a7aa69be3222910b98d699d13f.jpg);
    
}
.content_nrw .list h4{
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    border-bottom: solid 1px #fff;
    padding-bottom: 3%;
    margin-bottom: 3%;
}
.content_nrw .list p{
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 2;
}

.list_dz{
    background: #f5f5f5;
    border-radius: 10px;
    margin-top: 2%;
    padding: 7%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list_dzl{}
.list_dzr{
    width: 50%;
}
.list_dz h4{
    font-size: 24px;
}
.list_dz p{
    font-size: 18px;
    font-weight: bold;
    margin-top: 11px;
    color: var(--main-color);
    font-weight: 500;
    max-width: 500px;
}

.maeaggs {
    padding-bottom: 100px;
}
.maeaggs  p{
    font-size: 16px;
    color: #666;
}
.maeaggs form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.maeaggs form input{
    width: 47%;
    padding: 1.4% 1%;
    margin-bottom: 1%;
    border: solid 1px #eee;
    font-size: 16px;
}
.maeaggs form textarea{
    width: 100%;
    border: solid 1px  #eee;
    height: 160px;
    padding: 1% 1%;
    font-size: 16px;
    font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
}
.maeaggs form button{
    width: 100%;
    background: var(--main-color);
    color: #fff;
    border: 0px;
    font-size: 20px;
    height: 64px;
    margin-top: 3%;
}

.pro_xq{padding-top: 80px;position: relative;}
.pro_xqw{display: flex;justify-content: space-between;align-items: center;}
.pro_xqwl{width: 52%;display: flex;flex-direction: row-reverse;justify-content: space-between;}
.pro_xqwl .gallery-topa{border: solid 1px #eee;display: flex;align-items: center;justify-content: center;width: 78%;margin: 0;}
.pro_xqwl .gallery-topa .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_xqwl .gallery-topa .swiper-slide img{width: 100%;}

.pro_xqwl .gallery-thumbsa{width: 20%;margin: 0;}
.pro_xqwl .gallery-thumbsa .swiper-slide{}
.pro_xqwl .gallery-thumbsa .swiper-slide img{
    border: solid 1px #eee;
}
.pro_xqwl .gallery-thumbsa .swiper-slide img{width: calc(100% - 42px);padding: 20px;}
.pro_xqwr{width: 44%;}
.pro_xqwr h1{font-size: 42px;color: #000;font-weight: 500;margin-bottom: 30px;font-weight: bold;}
.pro_xqwr .fl{font-size: 16px;color: #666;background: #f5f5f5;padding: 15px 20px;margin-bottom: 30px;}
.pro_xqwr .fl a{
    color: #666;
}
.pro_xqwr .clqtb {
    position: relative;
    left: 0%;
    top: 0%;
    margin-bottom: 4%;
}
.pro_xqwr .nr{margin-bottom: 30px;line-height: 22px;font-size: 14px;color: #999;}
.pro_xqwr .zx{margin-bottom: 30px;display: flex;display: none;}
.pro_xqwr .zx a{display: inline-block;padding: 16px 20px;background: var(--main-color);color: #fff;text-align: center;font-size: 16px;border-radius: 5px;width: 160px;transition: all 0.5s;position: relative;overflow: hidden;margin-right: 10px;}
.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;
}
.pro_xqnrw .bt h3{
    display: inline-block;
    font-size: var(--f20);
    padding: 10px 20px;
    color: #333;
    cursor: pointer;
    font-weight: 500;
}
.pro_xqnrw .nr{}
.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;
}

.fjxz{
    border: solid 1px #eee;
    padding: 3%;
    display: flex;
}
.fjxz a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.fjxz a .img{}
.fjxz a .img img{}
.fjxz a .bt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}
.fjxz a .bt h4{
    font-size: 16px;
    margin: 0%;
}
.fjxz a .bt span{
    background: var(--main-color);
    color: #fff;
    display: block;
    padding: 10px 17px;
}

.pro_xqnr_ys {
    margin-top: 50px;
}
.pro_xqnr_ysw{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.pro_xqnr_ysw .list{
    width: 24%;
    background: #eff3f6;
    padding: 4%;
    border-radius: 10px;
}
.pro_xqnr_ysw .list h2{
    font-size: 20px;
    color: var(--main-color);
    display: flex;
    border-bottom: solid 2px;
    padding-bottom: 9px;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
    text-transform: capitalize;
}
.pro_xqnr_ysw .list h2 img{
    margin-bottom: 40px;
}
.pro_xqnr_ysw .list .nr{
    font-size: 15px;
    line-height: 1.4;
    color: #666;
    min-height: 213px;
}
.pro_xqnr_ysw .list .nr span{
    text-wrap-mode: wrap!important;
}
.pro_xq_bgcx {
    margin-top: 100px;
}
.pro_xq_bgcxw{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: solid 1px #eee;
}
.pro_xq_bgcxwl{
    width: 24%;
    border-right: solid 1px #eee;
}
.pro_xq_bgcxwr{
    width: 76%;
}
.pro_xq_bgcxwl > div{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-transform: capitalize;
}
.pro_xq_bgcxwr > div{
    padding: 0% 5%;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
}
.pro_xq_bgcxw .bta{}
.pro_xq_bgcxw .bta1{
}
.pro_xq_bgcxw .bta2{}
.pro_xq_bgcxw .bta3{}
.pro_xq_bgcxw .bta4{
    height: 131px;
}
.pro_xq_bgcxw .bta5{
    height: 68px;
}
.pro_xq_bgcxw .bta6{
    height: 201px;
}
.pro_xq_bgcxw .bta7{}
.pro_xq_bgcxw .bta8{}
.pro_xq_bgcxw .bta9{}
.pro_xq_bgcxw .bta110{
    height: 126px;
}
.pro_xq_bgcxw .bta11{}
.zxsc{
    width: 68px;
    position: fixed;
    right: 1%;
    bottom: 21%;
    z-index: 99;
    background: #fff;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 7px rgb(0 0 0 / 21%);
}
.zxsc h4{
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
    font-size: 16px;
}
.zxsc .an{
    margin-bottom: 11%;
}
.zxsc .an a{}
.zxsc .an a img{
    width: 100%;
}
@media (max-width: 1080px){
    
    .headw .nav {
    width: 75.42%;
    margin-left: 0%;
    margin-right: 0px;
    clear: none;
    display: none;
}
.head {
    position: relative;
    z-index: 9999;
    width: 100%;
    top: 0%;
    transition: all ease .8s;
}
.head.headera {
    top: 0%;
    box-shadow: 1px 5px 9px rgb(0 0 0 / 2%);
    position: fixed;
}
.web_nav {
    display: block;
}
.web_nav span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    margin: 5px 0px;
    border-radius: 50px;
}
.daoann {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 16%;
}
.headw {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    background: #fff;
    padding: 0% 2%;
    border-radius: 10px;
    transition: all ease .8s;
    position: relative;
}
.cpxx {
    width: 76px;
    height: 30px;
    margin: 0px 10px;
}
.headw .logo {
    clear: left;
    margin-left: 0%;
    margin-right: 0px;
    width: 30%;
}
.headw .logo img {
    width: 100%;
}
.gundjt .swiper-button-prev:after {
    content: 'prev';
    background: rgb(120 27 71 / 100%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    transition: all ease .8s;
}
.gundjt .swiper-button-prev {
    background: rgb(120 27 71 / 50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.gundjt .swiper-button-next {
    background: rgb(120 27 71 / 50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.gundjt .swiper-button-next:after {
    content: 'next';
    background: rgb(120 27 71 / 100%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    transition: all ease .8s;
}
.gundjt .swiper-button-next:hover:after {
    width: 44px;
    height: 44px;
}
.head.headera .headw {
    width: 90%;
    max-width: 90%;
    padding: 0% 5%;
    background: #fff;
    border-radius: 0;
}
.plate_pro {
    padding: 10% 0%;
}
    .plate_prow_bkbt {
        position: relative;
        bottom: 0%;
        right: 0%;
        display: flex
;
        flex-wrap: wrap;
        margin-top: 5%;
    }
    
.plate_prow_bkbt h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #666;
    margin-left: 50px;
    border-bottom: solid 3px #fff;
    transition: all ease .8s;
    padding-bottom: 10px;
    cursor: pointer;
    margin: 0%;
    width: 50%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.plate_prow_bkbt h4.on, .plate_prow_bkbt h4:hover {
    color: var(--main-color);
    font-weight: bold;
    border-bottom: solid 3px var(--main-color);
}
.plate_btbk {
    margin-bottom: 8%;
    position: relative;
    width: 100%;
}
.plate_pro_nr {
    position: relative;
    width: 100%;
    position: relative;
    height: 100%;
}
.plate_pro_nr_list_nr .swiper-slide {
    border-radius: 30px;
    background: rgba(249, 249, 249, 1);
    padding: 18% 0%;
}
.plate_about {
    background: #f5f5f5;
    padding: 10% 0%;
}
.plate_about_w {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;
}
.plate_about_w .left h2 {
    color: rgba(0, 0, 0, 1);
    font-size: 36px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_about_w .left h4 {
    color: var(--main-color);
    font-family: HarmonyOS Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5%;
}
.plate_about_w .right img {
    width: 100%;
    margin: 10% 0%;
}
.plate_about_ann {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    box-shadow: 0px 0px 19px 2px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 1);
    flex-wrap: wrap;
    margin-top: 10%;
}
.plate_about_ann .ann_list {
    width: 44%;
    border-right: solid 1px #eee;
    margin: 1%;
    padding: 2% 1.5%;
    display: flex
;
    justify-content: space-between;
}
.plate_about_ann .ann_list .l h2 {
    color: rgba(51, 51, 51, 1);
    font-family: Noto Sans SC;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_about_ann .ann_list .r img {
    width: 35px;
}
.plate_jjfn {
    padding: 10% 0%;
}
.plate_jjfna {
    width: 100%;
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 8%;
}
.plate_jjfna {
    width: 100%;
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8%;
    flex-direction: column;
}
.plate_jjfna .left h2 {
   font-family: HarmonyOS Sans;
   font-size: 26px;
   font-weight: 600;
   line-height: 42px;
   letter-spacing: 0px;
   text-align: left;
}
.plate_jjfna .left p {

    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 9px;
}
.ann {
    width: 146px;
    height: 48px;
    display: block;
    border-radius: 32px;
    background: rgba(120, 27, 70, 1);
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
    margin-top: 26px;
    transition: all ease .8s;
}
.plate_jjfna .right {
    display: none;
}
.plate_jjfna_ys {
    background: var(--main-color);
    margin-top: 5%;
    margin-bottom: 5%;
}
.plate_btbk h2 {
    color: rgba(51, 51, 51, 1);
    font-family: HarmonyOS Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_btbk p {
    color: rgba(153, 153, 153, 1);
    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
}
.plate_about_w .left p {
    color: rgba(102, 102, 102, 1);
    font-family: HarmonyOS Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 15px;
}
.plate_jjfnb {
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    width: 100%;
    margin-top: 2%;
    padding: 5%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.plate_jjfnb .left {
    width: 100%;
}
.plate_jjfnb .left h2 {
    font-family: HarmonyOS Sans;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
}
.plate_jjfnb .left h4 {
    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 6%;
    margin-bottom: 4%;
}
.plate_jjfnb .left p {
    font-family: HarmonyOS Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
    margin: 0;
    margin-top: 4%;
}
.plate_jjfnb .right {
    width: 100%;
    margin-top: 0;
}
.plate_news_list {
    display: flex
;
    justify-content: space-between;
    flex-wrap: wrap;
}
.plate_news_list .list {
    width: 100%;
    border: solid 1px #eee;
    padding: 5%;
    margin-bottom: 5%;
}
.plate_fwan {
    padding: 10% 0%;
    width: 1500px;
    max-width: 94%;
    margin: 0 auto;
}
.plate_fwanw {
    border-radius: 30px;
    background: rgba(239, 243, 246, 1);
    padding: 7%;
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
    .plate_fwanw .left{
        width: 100%;
    }
.plate_fwanw .right {
    display: flex
;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 8%;
}
.plate_fwanw .right a {
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transition: all ease .8s;
    width: 50%;
    margin-top: 10%;
}
.foot_bka {
    padding: 4% 0%;
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: solid 1px #575757;
    flex-wrap: wrap;
    flex-direction: column;
}
.foot_bka form {
    border-radius: 53px;
    background: rgba(255, 255, 255, 1);
    width: 94%;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 3%;
    margin-top: 5%;
}
.foot_bkb {
    display: flex
;
    justify-content: space-between;
    padding: 10% 0%;
    flex-wrap: wrap;
}
.dh_ban {
    width: 36%;
    display: flex
;
    justify-content: space-between;
    display: none;
}
.ewm_ban {
    width: 100%;
    margin-top: 5%;
}
.ewm_ban .ewm {
    display: flex
;
    justify-content: flex-start;
}
.ewm_ban .ewmw {
    width: 130px;
    margin-right: 5%;
}
.lx_ban p {
    color: #999;
    display: flex
;
    align-items: center;
    margin-bottom: 4px;
    line-height: 1.8;
    font-size: 14px;
}
.ewm_ban h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}
    .headw .nav {
        width: 75.42%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
        display: none;
        position: fixed;
        top: 90px;
        left: 0%;
        background: #fff;
        z-index: 99;
        width: 100%;
        height: 100vh;
        border-top: solid 1px #eee;
    }
    .headw .nav ul {
    display: flex
;
    flex-wrap: wrap;
    flex-direction: column;
}
.headw .nav ul li {
    width: 100%;
    margin: 0%;
    border-bottom: solid 1px #eee;
}
.headw .nav ul li a {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    white-space: nowrap;
    text-align: center;
    font-size: 1rem;
    color: #333;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    display: block;
    text-align: center;
    text-align: left;
}
.headw .nav ul li .erji {
    position: relative;
    width: 92%;
    left: 0%;
    top: 100%;
    display: flex;
    padding: 0% 3%;
    box-shadow: none;
    border-radius: 5px;
    background: #fff;
    padding-bottom: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.headw .nav ul li .erji a {
    color: var(--main-color);
    width: 50%;
    padding: 0%;
    height: auto;
    line-height: initial;
    color: #333;
}
.headw .nav ul li .erji a img {
    width: 80px;
    margin-bottom: 16px;
    display: none;
}
.headw .nav ul li .erji a h5 {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.pro_flnr {
    margin-top: 0%;
}
.pro_flnrw {
    display: flex;
    padding: 5%;
    background: #f5f5f5;
    justify-content: center;
    border-radius: 5px;
    flex-wrap: wrap;
}
.pro_flnr a {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 9%;
}
.pro_flnr a img {
    width: 50px;
}
.pro_flnr a h5 {
    font-size: 14px;
    margin-top: 8px;
    font-weight: 500;
}
.pro_sx_t {
    margin-top: 10%;
}
.pro_sx_bt h2 {
    font-size: 22px;
    font-weight: bold;
}
.pro_sx_bt form {
    width: 94%;
    margin: 0 auto;
    border: solid 1px #eee;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 30px;
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.pro_sx_fl {
    display: flex
;
    align-items: flex-start;
    justify-content: center;
    margin: 10% 0%;
}

.cpfl_listw {
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
}
.cpfl_listw h4 {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
    text-align: center;
}
.pro_sx_bw .dbbt {
    border: solid 1px #eee;
    color: #999;
    border-radius: 50px;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
}
.pro_sx_bw .bt {
    font-size: 20px;
}
.pro_sx_b_list {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.prosx {
    width: 97%;
    margin-right: 30px;
    background: rgba(239, 243, 246, 1);
    color: #333;
    padding: 2.5% 2%;
    border-radius: 5px;
    position: relative;
    transition: all ease .5s;
    cursor: pointer;
    margin-bottom: 2%;
}
.sxbt h4 {
    margin: 0%;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}
.pro_list {
    margin: 10% auto;
}
.pro_db_listw .list {
    width: calc(50% - 2px);
    border: solid 1px #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3% 0%;
    position: relative;
}
.fnnf h2 {
    text-align: center;
    font-size: 24px;
    padding-top: 30px;
}
.pro_dblistl > div {
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.pro_dblistl {
    width: 180px;
    position: absolute;
    top: 0%;
}
.pro_dblistr {
    display: flex
;
    min-width: 1000px;
    padding-left: 180px;
}
.bta {
    height: 150px;
}
.bta1 {
    background: #f0f2f5;
    height: 57px;
}
.bta2 {
    height: 70px;
}


.bta3 {
    background: #f0f2f5;
    height: 70px;
}
.bta6 {
    height: 80px;
}
.bta9 {
    background: #f0f2f5;
    height: 70px;
}
.bta110 {
    height: 56px;
}
.pro_dblistycxsw {
    background: #fff;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    height: 88vh;
}
.fnnf .guanbi {
    position: absolute;
    right: 3%;
    top: 20%;
    width: 40px;
    height: 40px;
    border: solid 1px #eee;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    color: #999;
    cursor: pointer;
}
.pro_xqw {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pro_xqwl {
    width: 100%;
}
.pro_xqwr {
    width: 100%;
    margin-top: 5%;
}
.fjxz a .bt {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    width: 85%;
}
.fjxz a .bt h4 {
    font-size: 14px;
    margin: 0%;
    font-weight: 500;
}
.pro_xqnr_ysw {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pro_xqnr_ysw .list {
    width: 100%;
    background: #eff3f6;
    padding: 4%;
    border-radius: 10px;
    margin-bottom: 5%;
}
.pro_xqnr_ysw .list .nr {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    min-height: 156px;
}
.pro_xqnr_ysw .list {
    width: 100%;
    background: #eff3f6;
    padding: 10%;
    border-radius: 10px;
    margin-bottom: 5%;
}
.pro_xq_bgcx {
    margin-top: 10%;
    overflow-y: auto;
}
.pro_xq_bgcxw {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    border: solid 1px #eee;
    min-width: 1200px;
}
.pro_xq_bgcxwl > div {
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.pro_xq_bgcxwr > div {
    padding: 0% 5%;
    display: flex
;
    align-items: center;
    text-align: left;
    font-size: 15px;
    line-height: 1.4;
}
.pro_xq_bgcxwl {
    width: 14%;
    border-right: solid 1px #eee;
}
.pro_xq_bgcxwr {
    width: 87%;
}
.pro_xq_bgcxw .bta3 {
    height: 140px;
}
.pro_db_listw .list .nr {
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 0% 11%;
    margin-top: 15px;
    display: none;
}
.pro_db_listw .list .img {
    width: 88%;
}
.pro_db_listw .list .bt {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5%;
    text-align: center;
}
.pro_db_listw .list .pros a {
    width: 114px;
    display: block;
    margin: 0 auto;
    border: solid 1px #eee;
    text-align: center;
    color: #999;
    border-radius: 50px;
    margin-top: 6%;
    height: 38px;
    line-height: 38px;
    transition: all ease .8s;
}
.nybanner .bj {
    height: 300px;
}

.nybanner .bj {
    height: 300px;
    display: flex
;
    align-items: center;
    justify-content: flex-end;
}
.nybanner .bj img {
    width: auto;
    height: 100%;
}
.nybanner_wz h2 {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}
.ny_navwl a {
    color: #fff;
}
.mbx_w {
    color: #fff;
    font-size: 16px;
}
.jjfn_list {
    background: #f5f5f5f5;
    padding: 10% 0%;
}
.jjfn_listbt {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jjfn_listbt .list {
    width: 100%;
    background: #fff;
    padding: 5% 6%;
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    border-radius: 6px;
    cursor: pointer;
    border: solid 1px #eee;
    margin-bottom: 5%;
}
.jjfn_list_listlb .list_kd {
    width: 90%;
    min-height: 400px;
    background: #fff;
    max-height: 400px;
    padding: 3%;
    position: relative;
    border-radius: 5px;
    border: solid 1px #eee;
}
.jjfn_list_listlb .list .listw a span {
    font-size: 15px;
}
.jjfn_list_listlb .list .listw i {
    color: var(--main-color);
    font-style: normal;
    font-size: 14px;
    background: url(../images/cka.png) left center;
    padding-left: 30px;
    background-size: 21px;
    background-repeat: no-repeat;
}
.ny_navwr a {
    height: 54px;
    display: inline-block;
    line-height: 54px;
    margin-right: 5%;
    font-size: 14px;
    position: relative;
}
.omedz_nra {
    padding: 10% 0%;
}
.omedz_nraw h2 {
    font-size: 24px;
}
.omedz_nraw p {
    font-size: 18px;
    margin-top: 10px;
    color: #666;
}
.omedz_nraw .tb {
    display: flex
;
    justify-content: space-between;
    flex-wrap: wrap;
}
.omedz_nraw .tb .list {
    width: 50%;
    margin-top: 5%;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.omedz_nraw .tb .list h4 {
    font-size: 16px;
    margin-top: 6%;
}
.omedz_nrb {
    background: rgba(239, 243, 246, 1);
    padding: 10% 0%;
}
.omedz_nrbw .nr h2 {
    font-size: 26px;
}
.omedz_nrbw .nr p {
    font-size: 16px;
    margin-top: 10px;
    color: #666;
    margin-top: 3%;
}
.bxcxw {
    width: 92%;
    margin: 10% 0%;
    padding: 4%;
    box-shadow: none;
}

.bxcx form .bda input {
    width: 94%;
    border: solid 1px #eee;
    padding: 5% 3%;
    font-size: 14px;
    border-radius: 5px;
    background: #eee;
}
.bxcx form .bdb textarea {
    width: 92%;
    border: solid 1px #eee;
    padding: 4% 4%;
    font-size: 16px;
    border-radius: 5px;
    background: #eee;
    font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
    height: 121px;
}
.zlss {
    margin-top: 10%;
    text-align: center;
}
.zlss h2 {
    font-size: 26px;
}
.zlss form {
    width: 100%;
    margin: 0 auto;
    border: solid 1px #eee;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 30px;
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.zlss_list {
    margin-bottom: 10%;
    margin-top: 10%;
}
.zlss_list .list a .l h2 {
    font-weight: 500;
    font-size: 16px;
    font-weight: bold;
}
.zlss form button {
    border-radius: 50px;
    background: var(--main-color);
    color: #fff;
    border: 0px;
    width: 100px;
    height: 52px;
    font-size: 15px;
    font-weight: bold;
}
.faq_list .list .t h4 {
    margin: 0;
    font-size: 18px;
}
.faq_list .list.active .b {
    padding: 4%;
    max-height: 1000px;
    background: #eee;
    font-size: 16px;
}
.news_list .list:nth-child(1) a {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.news_list .list:nth-child(1) .left {
    width: 100%;
}
.news_list .list:nth-child(1) .right {
    width: 90%;
    padding: 5%;
}


.news_list .list {
    width: 100%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 12%);
    border-radius: 20px;
    overflow: hidden;
    margin: 1%;
    margin-bottom: 5%;
}
.news_list {
    padding: 10% 0%;
    display: flex
;
    flex-wrap: wrap;
}
.news {
    padding: 10% 0%;
    position: relative;
    background: #f5f5f5;
}
.newsw {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newswl {
    margin-left: 0;
    clear: left;
    margin-right: 0%;
    width: 100%;
    background: none;
    padding: 0%;
}
.newswl .bt {
    font-size: 26px;
    font-weight: bold;
    text-align: left;
}
.newswl .cs {
    display: flex
;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}
.newswl .csl {
    margin: 0%;
    display: flex
;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.newswl .csl li {
    margin-right: 20px;
    color: #666;
    margin: 0%;
    margin-right: 3%;
}
.nr_xsw {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
}
.newswr {
    width: 100%;
    background: #fff;
    border-top: var(--main-color) solid 5px;
    padding: 3%;
    margin-top: 10%;
}
.about_nra {
    padding: 10% 0%;
}
.about_nraw {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about_nraw .left {
    width: 100%;
}
.about_nraw .left h2 {
    font-size: 36px;
}
.about_nraw .left h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--main-color);
    margin-top: 10px;
    margin-bottom: 5%;
}
.about_nraw .left p {
    font-size: 16px;
    margin-top: 11px;
    line-height: 1.6;
}
.about_nraw .right {
    width: 100%;
}
.about_nrbw {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about_nrbw .list {
    width: 50%;
}
.about_nrbw .list h2 {
    font-size: 28px;
    color: #fff;
}
.about_nrbw .list h3 {
    font-size: 15px;
    color: #fff;
}
.about_nrbw .list {
    width: 50%;
    margin-bottom: 5%;
}
.about_nrc {
    padding-top: 10%;
}
.about_btbt {
    font-size: 32px;
    font-weight: bold;
}
.about_nrc .scroll {
    background: url(../images/img79.jpg);
    margin-top: 10%;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}
.about_nrc .scroll ul:hover li:hover {
    width: 100%;
}
.about_nrc .scroll ul:hover li {
    width: 100%;
}
.about_nrc .scroll ul li {
    width: 100%;
    padding: 2%;
    border-right: solid 1px rgb(255 255 255 / 34%);
    padding-bottom: 4%;
    transition: all ease .8s;
    margin: 0;
}
.about_nrc .scroll ul li .posi {
    display: flex
;
    flex-direction: column;
    align-items: center;
    min-height: auto;
    justify-content: flex-end;
    border-bottom: solid 1px #fff;
    padding: 8% 0%;
}
.about_nrc .scroll ul li .posi .content2 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
}
.gszz_list .list {
    width: calc(50% - 2px);
    border: solid 1px #eee;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3% 0%;
    position: relative;
}
.gszz_list .list h4 {
    font-size: 18px;
    margin-top: 13px;
}
.content_nr {
    padding: 10% 0%;
}
.content_nrw .listw {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 7%;
    flex-direction: column;
    align-items: flex-start;
}
.content_nrw .list {
    width: 90%;
    /* background: url(../images/73a0d11….jpg); */
    padding: 5%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5%;
}
.content_nrw .list h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    border-bottom: solid 1px #fff;
    padding-bottom: 3%;
    margin-bottom: 3%;
}
.content_nrw .list p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 2;
}
.list_dz {
    background: #f5f5f5;
    border-radius: 10px;
    margin-top: 2%;
    padding: 7%;
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.list_dz p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 11px;
    color: var(--main-color);
    font-weight: 500;
}
.list_dzr {
    width: 100%;
    margin-top: 10%;
}
.maeaggs form input {
    width: 100%;
    padding: 3.4% 3%;
    margin-bottom: 1%;
    border: solid 1px #eee;
    font-size: 16px;
}
.maeaggs p {
    font-size: 16px;
    color: #666;
}
.maeaggs form textarea {
    width: 100%;
    border: solid 1px #eee;
    height: 160px;
    padding: 2%;
    font-size: 16px;
    font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
}
.pro_sx_bt form button {
    border-radius: 50px;
    background: var(--main-color);
    color: #fff;
    border: 0px;
    width: 115px;
    height: 52px;
    font-size: 16px;
    font-weight: bold;
}
    .banner_swiper {height: 100vh;}
    .banner_video video{
        height: 100%;
        width: auto;
    }
    .video_nr{
        padding: 0% 7%;
    }
    .video_nr h2{
  font-size: 24px;
  width: 100%;
  margin-bottom: 2%;
}
.video_nr p{
  font-size: 15px;
  width: 100%;
}
    .zxsc{
        display: none;
    }
    .gundjt{
        width: 33%;
        bottom: 0%;
        left: 6%;
    }
    .gundjt .swiper-button-prev:hover:after {
    width: 44px;
    height: 44px;
}
    .banner .swiper-slide img{
        height: 100%;
        width: auto;
        margin-left: -26%;
    }
        .plate_pro .gundjt {
        bottom: 40%;
        width: 100%;
        left: 0%;
    }
}