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: #0062b8;
    --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 {
    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: 1200px;
    max-width: 90%;
    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: fixed;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    transform: none;
    width: 100%;
    height: auto;
    z-index: 11;
    content: "lt";
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 85px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    -webkit-transform: none;
    z-index: 9999;
}
.head.headera{
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    top: 0;
}
.head:hover{
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    top: 0;
}
.headw{
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
}
.headw .logo{
    clear: left;
    margin-left: 0%;
    margin-right: 0px;
    width: 114px;
}
.headw .logo .y{
    display: none;
}

.headw .logo .xl{
    display: block;
}
.headw:hover .logo .y{
    display: block;
}

.headw:hover .logo .xl{
    display: none;
}
.headera .logo .y{
    display: block;
}
.headera .logo .xl{
    display: none;
}
.headw .logo img{
    width: 100%;
}
.web_nav{
    display: none;
         
}
.web_nav span{}
.headw .nav{
    width: 62.42%;
    margin-left: 0%;
    margin-right: 0px;
    clear: none;
}
.headw .nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.headw .nav ul li{
       width: 110px;
       margin: 0%;
}
.headw .nav ul li a{height: 75px;line-height: 75px;padding: 0px 0px;white-space: nowrap;text-align: center;font-size: 1rem;color: #fff;-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:hover .nav ul li a{
    color: #333;
}
.headera .headw .nav ul li a{
    color: #333;
}

.headera .headw .nav ul li:hover a{
    color: var(--main-color);
}


.erji{
    position: absolute;
    width: 100%;
    height: 0px;
    background: #fff;
    left: 0%;
    top: 95px;
    border-top: solid 0px #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all ease .8s;
}
.headw .nav ul li:hover .erji{
    height: 400px;
    border-top: solid 1px #eee;
}
.erjiw{
    width: 1161px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 94%;
}
.erjiwl{
    width: 30%;
}
.erjiwl h3{
    font-size: 24px;
    border-bottom: solid 1px #eee;
    width: 100%;
    padding-bottom: 5%;
    margin-bottom: 8%;
}
.erjiwl p{
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}
.headw ul li .erjfl{
    width: 23%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.headw ul li .erjfl a{
    text-align: left;
    line-height: 42px;
    height: 42px;
    color: #666!important;
    border: solid 1px #eee;
    border-radius: 50px;
    text-align: center;
    margin: 12px -2px;
    width: 45%;
}
.headw ul li .erjfl a:hover{
    background: var(--main-color)!important;
    color: #fff!important;
}

.erjiwr{
    width: 36%;
}
.erjiwr img{
    width: 100%;
    position: relative;
    z-index: 99;
}
.headw .souc{
            width: 5.17%;
            margin-left: 0%;
            margin-right: 0px;
            clear: none;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            position: relative;
}
.headw .souc svg{
    
}
.headw .souc:hover .yyxz{
    display: block;
}
.yyxz{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}
.yyxz a{
    background: #eee;
    border-radius: 50px;
    padding: 7px 11px;
    display: block;
    width: 80px;
    text-align: center;
    margin-bottom: 6px;
    opacity: 1;
    color: #999;
}
.yyxz a:hover{
    background: var(--main-color);
    color: #fff;
}
.headw .souc .icon{
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    opacity: 0.5;
}
.headw:hover .souc .icon{
    filter: brightness(0%);
}
.headera .headw .souc .icon{
    filter: brightness(0%);
}
.zxsc{}
.zxsc a{
    width: 94px;
    height: 31px;
    border: solid 1px #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    opacity: 0.6;
}
.headw:hover .zxsc a{
    background: #333;
}
.headera .zxsc a{
    background: #333;
}
.zxsc a:hover{
    opacity: 1;
    background: linear-gradient(to right, #1898b5, #004cf6);
    border: solid 1px #004cf6;
}
.headw:hover .zxsc a:hover{
 opacity: 1;
    background: linear-gradient(to right, #1898b5, #004cf6);
    border: solid 1px #004cf6;
}
.headera .zxsc a:hover{
   opacity: 1;
    background: linear-gradient(to right, #1898b5, #004cf6);
    border: solid 1px #004cf6;
}
.headw:hover{
    
}
/*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(--main-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:hover {
    background-color: var(--main-color);
    color: #fff;
}

.home_jsc{
    position: relative;
    height: 100vh;
    width: 100%;
}
.sjgimg{
    position: absolute;
    z-index: 9;
    top: 0%;
}
.sjgimg img{
    width: 100%;
}
.banner_lbt {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.banner_lbt .swiper-slide{
    position: relative;
}
.banner_lbt .swiper-slide.swiper-slide-active{}
.banner_lbt .swiper-slide .img{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #000;
}

.banner_lbt .swiper-slide .img img{
    width: 100%;
    height: auto;
    opacity: 0.5;
    transition: all ease 3s;
}
.banner_lbt .swiper-slide.swiper-slide-active .img{}
.banner_lbt .swiper-slide.swiper-slide-active .img img{
    transform: scale(1.1);
}
.banner_lbt .swiper-slide .nr{
    position: absolute;
    top: 0%;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0% 13%;
    transition: all ease 1s;
    transform: translateY(100px);
    opacity: 0;
}
.banner_lbt .swiper-slide.swiper-slide-active .nr{
    transform: none;
    opacity: 1;
}
.banner_lbt .swiper-slide .nr h5{
    
    margin: 0%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.banner_lbt .swiper-slide .nr .nrxq{
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    margin: 2% 0%;
}

.banner_lbt_br {
    position: absolute;
    bottom: 8%;
    width: 100%;
    color: #fff;
    padding: 0% 13%;
}
.banner_lbt_br:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.5;
    left: 0%;
    z-index: 1;
}
.banner_lbt_br .swiper-slide{
    text-align: center;
    border-radius: 50px;
    margin-top: -5px;
    background: #fff;
    color: #333;
    position: relative;
    z-index: 22;
    font-size: 16px;
    font-weight: 100;
    width: 10px!important;
    overflow: hidden;
    height: 10px;
    transition: all ease .8s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.banner_lbt_br .swiper-slide.swiper-slide-thumb-active{
    width: 120px!important;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
}
.banner_lbt_br .swiper-slide:after{
    content:'';
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0%;
    left: 0%;
    transition: all ease 3s;
    opacity: 0;
    background: linear-gradient(to right, #1898b5, #004cf6);
}
.banner_lbt_br .swiper-slide.swiper-slide-thumb-active:after{
    width: 100%;
    opacity: 1;
}
.banner_lbt_br .swiper-slide{}
.banner_lbt_br .swiper-slide h5{
    font-weight: 100;
    position: relative;
    z-index: 9999;
    color: #fff;
    margin: 0%;
    margin-left: 5px;
    font-size: 16px;
}
.banner_lbt_br .swiper-slide.swiper-slide-thumb-active h5{
    color: #fff;
}
.banner_lbt_br .swiper-slide .img{
    width: 23px;
    position: relative;
    z-index: 9;
}
.banner_lbt_br .swiper-slide .img img{
    width: 100%;
    margin-top: -5px;
}
.banner_lbt  .swiper-button-next{
    border: solid 1px #fff;
    right: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_lbt  .swiper-button-prev{
    border: solid 1px #fff;
    left: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_lbt  .swiper-button-next:after {
    content: 'next';
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.banner_lbt  .swiper-button-prev:after {
    content: 'prev';
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}


.nybanner {
    position: relative;
    height: 100%;
    background: url(/static/upload/image/20250409/1744184229720742.jpg) fixed;
    background-size: 100%;
}
.nybanner .banner_img{
    overflow: hidden;
    position: fixed;
    top: 0%;
    height: 100%;
    display: none;
}
.nybanner .banner_img img{
    width: 100%;
    transition: all ease 3s;
    height: 100%;
}
.nybanner.started .banner_img img{
    transform: scale(1.1);
}
.nybanner .nr{
    position: relative;
    width: 100%;
    height: 29%;
    top: 0%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 13%;
}
.nybanner .nr h4{
    font-size: 48px;
    color: #fff;
    transition: all ease 1s;
    transform: translateY(100px);
    opacity: 0;
}
.nybanner.started .nr h4{
    transform: none;
    opacity: 1;
}

.jjfn_list{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5% 0%;
}
.jjfn_list .list{
    width: 21%;
    position: relative;
    margin: 2%;
    border-radius: 10px;
    overflow: hidden;
}
.jjfn_list .list .img{
    background: #fff;
    position: relative;
    z-index: 9;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .6s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.jjfn_list .list:hover .img{
    transform: rotateX(0) rotateY(-180deg);
}
.jjfn_list .list .img .imgw{
    transform: translateZ(90px) scale(.91);
}
.jjfn_list .list .img img{
    transition: all .6s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    width: 100%;
}
.jjfn_list .list .img h2{
    text-align: center;
    font-size: 18px;
    margin-top: 22px;
}
.jjfn_list .list:hover .img img{
    transform: rotateX(0) rotateY(-180deg);
}
.jjfn_list .list .jjfnnr{
    position: absolute;
    top: 0%;
    transition: all .6s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    height: 100%;
    background: linear-gradient(to right, #1898b5, #004cf6);
    width: 100%;
    transform: rotateX(0) rotateY(-180deg);
}
.jjfn_list .list:hover .jjfnnr{
      z-index: 9;
      transform: none;
}
.jjfn_list .list .jjfnnrw{
    transform: translateZ(90px) scale(.91);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6%;
}
.jjfn_list .list:hover .jjfnnrw{
    
}
.jjfn_list .list .jjfnnrw h2{
    color: #fff;
    font-size: 24px;
    padding: 3% 0%;
}
.jjfn_list .list .jjfnnrw p{
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
}
.jjfn_list .list .jjfnnrw a{
    display: block;
    width: 100%;
    border: solid 1px #fff;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
    margin-top: 16px;
}
.foot{}
.footw{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 90%;
    padding: 60px 0px;
    flex-direction: column;
}
.footw .logo{}
.footw .logo img{}
.foot_nr{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-top: 50px;
    justify-content: space-between;
}
.bknr{}
.bknr h4{
    color: var(--main-color);
    font-size: 18px;
    margin-bottom: 20px;
}
.bknr ul{}
.bknr ul li{
    line-height: 2.4;
    color: #666;
    display: flex;
    font-size: 16px;
}
.bknr ul li svg{
    width: 23px;
    height: auto;
    margin-right: 10px;
}
.kjdh ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kjdh ul li{
    width: 50%;
}
.kjdh ul li a{
    color: #666;
}
.kjdh ul li a:hover{
    color: var(--main-color);
}

.sjmt{
    width: 220px;
}

.sjmt .js{
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 7%;
}
.sjmt ul{
    display: flex;
    justify-content: space-between;
}
.sjmt ul li{
    margin: 0;
}
.sjmt ul li svg{
    width: 36px;
    opacity: 0.3;
    filter: brightness(0%);
    transition: all ease .8s;
    cursor: pointer;
}
.sjmt ul li svg:hover{
    opacity: 1;
    filter: none;
}

.footbq{
    background: var(--main-color);
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 21px 0px;
}

.lxbanner{
    position: relative;
}
.lxbanner .bj{
    min-height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lxbanner .bj img{
    height: 100%;
    width: auto;
    transition: all ease 3s;
}
.started.lxbanner .bj img {
    transform: scale(1.1);
}
.nybanner_wz{
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all ease 2s;
    transform: translateY(100px);
    opacity: 0;
}
.started .nybanner_wz{
    transform: translateY(0px);
    opacity: 1;
}
.nybanner_wz h2{
    font-size: 42px;
    color: #fff;
}
.nybanner_wz p{
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 17px;
    color: #fff;
    margin-top: 8px;
}

.contact_main{
    background: #f5f5f5;
    padding: 80px 0px;
}
.zblx{
    width: 1200px;
    margin: 0 auto;
}
.zblx h2{
    font-size: 30px;
    margin-bottom: 15px;
}
.zblx ul{
    background: #fff;
    padding: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zblx ul li{
    width: 30%;
    border-bottom: solid 1px #eee;
    margin: 0;
    padding-bottom: 3%;
    margin-bottom: 3%;
    display: flex;
    align-items: center;
}
.zblx ul li .img{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zblx ul li .img svg{
    width: 30px;
    height: auto;
}
.zblx ul li .nr{
    width: 80%;
    margin-left: 10px;
}
.zblx ul li .nr h3{
    font-size: 18px;
}
.zblx ul li .nr h4{
    font-weight: 500;
    color: #666;
}


.bscw{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bscw .bsc{
    width: 47%;
}
.bscw h2{
    font-size: 24px;
    margin-bottom: 14px;
}
.bscw ul{
    background: #fff;
    padding: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bscw ul li{
    width: 100%;
    border-bottom: solid 1px #eee;
    margin: 0;
    padding-bottom: 3%;
    margin-bottom: 3%;
    display: flex;
    align-items: center;
}
.bscw ul li .img{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bscw ul li .img svg{
    width: 30px;
    height: auto;
}
.bscw ul li .nr{
    width: 80%;
    margin-left: 10px;
}
.bscw ul li .nr h3{
    font-size: 18px;
}
.bscw ul li .nr h4{
    font-weight: 500;
    color: #666;
}

.maeaggs{background: #f5f5f5;padding: 80px 0px;}
.contact_bt {
    text-align: center;
}
.contact_bt h2{
   text-align: center;
   font-size: 30px;
}
.contact_bt h3{
   font-weight: 500;
   color: #666;
}
.maeaggsw {
    margin-top: 60px;
}
.maeaggsw form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.maeaggsw form input{
    width: 31%;
    border: 0;
    padding: 1.5% 1%;
    margin-bottom: 2%;
}
.maeaggsw form textarea{
    width: 100%;
    padding: 1.5% 1%;
    border: 0;
    margin-top: 8px;
    min-height: 160px;
    font-family: 'Noto Sans SC', 'PingFang SC ', sans-serif;
}
.maeaggsw form button{
    width: 100%;
    border: 0;
    margin-top: 1%;
    background: var(--main-color);
    color: #fff;
    height: 60px;
    font-size: 20px;
}
.news_list{
    padding: 5% 8%;
    border-bottom: solid 1px #eee;
}
.news_list .non_width{
    
}
.news_listw{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 创建3列，每列宽度相等 */
    gap: 5%; /* 设置列之间的间隔为10px */
    margin-bottom: 5%;
}
.news_listw a{}
.newsfa_left{
    overflow: hidden;
}
.newsfa_left img{
    width: 100%;
}
.newsfa_right{}
.newsfa_right h3{
    font-size: 24px;
    font-weight: 500;
    padding: 14px 0px;
}
.newsfa_right p{}
.newsfa_sum{
    font-size: 20px;
    color: #999;
   
  display: -webkit-box;
  
 
  -webkit-line-clamp: 2;
  
 
  -webkit-box-orient: vertical;
  
  overflow: hidden; 
  text-overflow: ellipsis; 
}
.newsfa_link{
    display: none;
}
.newsfa_right .shij{
    font-size: 18px;
    font-weight: 500;
    color: #999;
    margin-top: 6%;
}
.newsfa_link p{}
.news{
    border-bottom: solid 1px #eee;
    width: 1200px;
    margin: 0 auto;
    padding: 7% 0%;
}
.newsw{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.newsw .left{
    width: 22%;
}
.newsw .right{
    width: 72%;
}
.fbsj{
    font-size: 20px;
}
.cs{
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    padding: 3% 0%;
    margin: 5% 0%;
}
.cs  ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cs ul li{
    display: flex;
    width: 50%;
    color: #999;
    margin: 2% 0%;
}
.cs ul li span{
    color: #999;
}
.cs ul li a{
    color: #666;
}
.rsewm{
    text-align: center;
    border-top: solid 1px #333;
    padding: 3% 0%;
    margin: 5% 0%;
}
.rsewm img{
    width: 120px;
}
.rsewm p{}
.sjmf{
    display: flex;
    align-items: center;
}
.sjmf p{
    padding: 0;
    margin: 0;
    font-size: 18px;
    padding-right: 20px;
}
.sjmf .ewm{
    display: flex;
}
.sjmf .ewm .fx{
    position: relative;
}
.sjmf .ewm .fx img{
    border-radius: 50px;
    border: solid 1px #333;
    background: #333;
    margin-right: 13px;
}
.sjmf .ewm .fx .erweima{
    display: none;
    position: absolute;
    left: 0%;
    top: 122%;
    z-index: 9;
}
.sjmf .ewm .fx:hover .erweima{
    display: block;
}
.sjmf .ewm .fx .erweima img{
    width: 120px;
    border-radius: 0;
    border: 0;
    background: none;
}

.nr_xs{
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    padding: 5% 0%;
    margin: 5% 0%;
}
.nr_xsw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nr_xsw a{
    display: flex;
}
.nr_xsw a:hover{
    color: #6db102;
}
.nr_xsw a svg{
    width: 20px;
    height: auto;
    padding-right: 4px;
}
.nr_xsw a span{}

.newsw .right .bt{
    font-size: 2.6vw;
    font-weight: 500;
}
.newsw .right .nr{
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.8;
}
.tjjl{
    background: #f5f5f5;
    padding: 3%;
}
.tjjl input{
    
}
.pro_js{
    background: #F2F5FA;
    padding: 80px 0px;
}
.pro_jsw {}

.cpjsbt{
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    color: var(--main-color);
}
.pro_jsw p{
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: center;
}
.pro_jsw img{}

.pro_js_list{
    background: url(../images/applications-bg.png) fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
.pro_js_list .cpjsbt{
    color: #fff;
}
.pro_js_list .jjfn_list{
    padding: 0%;
}
.pro_syjs{
    background: url(../images/parallax-bg-full.png) fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
.pro_syjsw {
    text-align: center;
}
.pro_syjsw img{
    width: 100%;
    max-width: 100%;
}
.pro_syjsw .nr{
    text-align: left;
    margin-top: 30px;
}
.pro_syjsw .nr h4{
    font-size: 24px;
    color: var(--main-color);
}
.pro_syjsw .nr p{
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin-top: 9px;
}
.pro_syjsw .nr p span{
    display: block;
    padding-left: 18px;
    font-size: 16px;
}

.pro_js_tj{
    background: url(../images/cta-banner-products.png);
    background-size: cover;
}
.pro_js_tj .nr{
    min-height: 457px;
    display: flex;
    align-items: center;
}
.pro_js_tj .nr .nrw{}
.pro_js_tj .nr .nrw h4{
    font-size: 36px;
    color: var(--main-color);
}
.pro_js_tj .nr .nrw .ann{
    display: flex;
    margin-top: 30px;
}
.pro_js_tj .nr .nrw .ann a{
    width: 120px;
    display: block;
    height: 40px;
    margin-right: 30px;
    border: solid 1px var(--main-color);
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    color: var(--main-color);
    font-size: 16px;
}
.pro_js_tj .nr .nrw .ann a:nth-child(2){
    background: var(--main-color);
    color: #fff;
}
.pro_js_tj .nr .nrw .ann a:hover{
    background: var(--main-color);
    color: #fff;
}

.pro_xq_fl  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px 0px;
}

.pro_xq_fl  .jsnr{
    width: 38%;
    background: var(--main-color);
    height: 119px;
    padding: 3% 4%;
}
.pro_xq_fl  .jsnr h2{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}
.pro_xq_fl  .jsnr h3{
    color: #fdcc11;
    font-size: 40px;
}
.pro_xq_fl .img{
    width: 50%;
}
.pro_xq_fl .img img{
    width: 100%;
}
.pro_xq_fl .ms{
    width: 100%;
    margin-top: 60px;
}
.pro_xq_fl .ms h2{
    color: var(--main-color);
    font-size: 36px;
}
.pro_xq_fl .ms p{
    font-size: 18px;
    margin-top: 14px;
    line-height: 1.6;
    color: #666;
}

.pro_list{
       background: #F2F5FA;
    padding: 80px 0px; 
}
.pro_listw{
    
}
.pro_listw .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_listw .list .title{
    width: 20%;
}
.pro_listw .list .title .z{
    background: #fff;
    height: 46px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #666;
}
.pro_listw .list .title .z.on,
.pro_listw .list .title .z:hover{
    background: var(--main-color);
    color: #fff;
}
.pro_listw .list .ms{
    width: 73%;
    background: #fff;
    padding: 3%;
}
.pro_listw .list .ms .msw{
    display: none;
}
.pro_listw .list .ms .msw.active{
    display: block;
}
.pro_listw .list .ms .msw .group_ny_dt{
    position: relative;
    overflow: hidden;
}
.pro_listw .list .ms .msw .group_ny_dt img{
    width: 100%;
}
.pro_listw .list .ms .msw .nrjs{}
.pro_listw .list .ms .msw .nrjs p{
    font-size: 16px;
    margin-top: 15px;
    color: #666;
    line-height: 1.6;
}

.nylxbanner {
    position: relative;
}
.nylxbanner .bj{
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.nylxbanner .bj img{
    height: 100%;
    width: auto;
}
.nylxbanner .nr{
    position: absolute;
    bottom: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 36px;
}
.nylxbanner .nr h2{
    
}

.jjfn_nr{
    background: #eee;
    padding: 67px 0px;
}

.jjfn_nrw{
    background: #fff;
    padding: 50px;
    width: 1100px;
}
.jjfn_nrw img{
    width: 100%;
}
.jjfn_nrw h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.jjfn_nrw p{
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}



.fw_prozl .hide {
  display: none;
  border-bottom: solid 1px #eee;
}

.fw_prozl dt {
  cursor: pointer;
  font-size: 24px;
  color: var(--main-color);
  border-bottom: solid 1px #eee;
  padding: 15px 20px;
}

/* Triangle list item */

.fw_prozl dd {margin: 0%;padding: 3%;border-bottom: solid 1px #eee;}




.fw_prozl{
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0px;
}
.fw_prozl dl{
    margin: 0%;
    border: solid 1px #eee;
}

.fw_prozl .souswj{
    display: flex;
    justify-content: flex-end;
}
.fw_prozl .souswj input{
    width: 205px;
    height: 42px;
    border: solid 1px #eee;
    color: #666;
    font-size: 16px;
    padding: 0px 17px;
}

.flmc{
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}
.flmc .w12{
    width: calc(12% - 24px);
}
.flmc .w40{
    width: calc(40% - 24px);
}
.flmc .w8{
    width: calc(8% - 24px);
}
.flmc > div{
    height: 50px;
    line-height: 50px;
    border-right: solid 1px #eee;
    padding: 0px 12px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}


.fw_prozl .list-disc{
    border-left: solid 1px #eee;
    margin-bottom: 20px;
}
.fw_prozl .list-disc li{
    overflow: hidden;
}
.fw_prozl .list-disc li .w12{
    width: calc(12% - 25px);
    float: left;
}
.fw_prozl .list-disc li .w40{
    width: calc(40% - 25px);
    float: left;
}
.fw_prozl .list-disc li .w8{
    width: calc(8% - 25px);
    float: left;
}
.fw_prozl .list-disc li > div{
       height: 50px;
       line-height: 50px;
       border-right: solid 1px #eee;
       padding: 0px 12px;
       font-size: 16px;
       font-weight: 500;
       color: #666;
       border-bottom: solid 1px #eee;
}
.fw_prozl .list-disc li .w8 a{
    color: var(--main-color);
    border-bottom: solid 1px;
}

.fw_prozl .pagination{}
.fw_prozl .pagination button{
    padding: 5px 15px 5px 15px;
    margin: 5px 5px 0px 0px;
    color: #666666;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #eeeeee;
    font-size: 16px;
    height: 40px;
}

.fw_prozl .pagination button.text-white{
    background: var(--main-color);
    color: #fff;
}
.fw_prozl .pagination button:hover{
     background: var(--main-color);
    color: #fff;
}

.fw_fx{
    background: url(../images/applications-bg.png) fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
.fw_fxw{
    display: flex;
    align-items: center;
    justify-content: center;
}
.fw_fxw .list{
    width: 35%;
    background: #fff;
    margin: 0% 3%;
    text-align: center;
    padding: 7% 1%;
    border-radius: 20px;
}
.fw_fxw .list h3{
    font-size: 28px;
    font-weight: bold;
    color: var(--main-color);
}
.fw_fxw .list a{
    width: 140px;
    height: 46px;
    display: block;
    background: var(--main-color);
    margin: 0 auto;
    margin-top: 19px;
    line-height: 46px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}


.wmdyw {
    position: relative;
}
.wmdyw_flex {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.ymbt {
    font-size: 48px;
    font-weight: bold;
    padding: 0%;
}
.wmdyw_flex .nr {
}
.wmdyw_flex .nr p {
    max-width: 600px;
    margin-bottom: 11px;
    font-size: 25px;
}
.ckgd span {
    width: 160px;
    height: 46px;
    background: var(--main-color);
    text-align: center;
    line-height: 46px;
    border-radius: 50px;
    color: #fff;
    margin-right: 10px;
    transition: all ease .5s;
    color: #fff;
    font-size: 16px;
    display: block;
}

.case_fl{margin: 50px 0px;border-top: solid 1px #eee;padding: 50px 0px;border-bottom: solid 1px #eee;}
.case_fl .fla{
    display: flex;
    border-radius: 50px;
}
.case_fl .fla span{
    padding: 10px 0px;
    border-radius: 50px;
    margin-right: 15px;
    font-size: 21px;
}
.case_fl .fla a{
    background: #eee;
    padding: 10px 28px;
    border-radius: 50px;
    margin-right: 18px;
    font-size: 18px;
}
.case_fl .fla a:hover{
    background: #333;
    color: #fff;
}

.por_list{
        padding: var(--m80);
    position: relative;
}
.por_list ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
}
.por_list ul li{width: 31%;margin: 0%;background: #fff;border: #eee solid 1px;margin: 1%;position: relative;}
.por_list ul li:before {
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    background: var(--main-color);
    width: 0;
    position: absolute;
    z-index: 9;
    transition: all ease .8s;
}
.por_list ul li:hover:before{
     width: 100%;
}
.por_list ul li .img{
    overflow: hidden;
}
.por_list ul li .img img{
    width: 90%;
    transition: all ease 0.8s;
    padding: 5%;
}
.por_list ul li .nrw{
    padding: var(--f40);
    background: #f9f9f9;
    position: relative;
    text-align: center;
}
.por_list ul li .nrw span{
    font-size: 14px;
    color: var(--main-color);
    border: var(--main-color) solid 1px;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 28px;
}
.por_list ul li .nrw p{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #777;
    line-height: 24px;
}
.por_list ul li .nrw h5{
    font-size: var(--f20);
    color: #333;
    text-align: center;
    font-weight: 600;
}
.por_list ul li:hover{}
.por_list ul li:hover .img img{
    transform: scale(1.1);
}
.por_list ul li:hover .nrw{}
.por_list ul li:hover .nrw h5{
    color: var(--main-color);
}
.por_list ul li:hover .nrw span{
    background: var(--main-color);
    color: #fff;
}
.fyan{
    text-align: center;
    margin-top: 50px;
}
.cp_mbx{
    margin-top: 100px;
    background: #f5f5f5;
    margin-bottom: 80px;
    padding: 22px 0px;
}
.pro_xq{position: relative;}
.pro_xqw{display: flex;justify-content: space-between;align-items: flex-start;}
.pro_xqwl{width: 50%;}
.pro_xqwl .gallery-top{border: solid 1px #eee;margin-bottom: 20px;}
.pro_xqwl .gallery-top .swiper-slide{}
.pro_xqwl .gallery-top .swiper-slide img{width: 100%;}

.pro_xqwl .gallery-thumbs{

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

}
.pro_xqwl .gallery-thumbs .swiper-slide img{width: 100%;}
.pro_xqwr{width: 45%;}
.pro_xqwr h1{font-size: 36px;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 .nr{line-height: 24px;font-size: 16px;color: #999;}
.pro_xqwr .jsg{
    font-size: 19px;
    color: #666;
    margin: 19px 0px;
}
.pro_xqwr .jsg b{
    font-size: 46px;
    color: #ed0000;
    padding-left: 9px;
} 
.pro_xqwr .zx{margin-bottom: 30px;display: flex;}
.pro_xqwr .zx a{display: inline-block;padding: 10px 20px;background: var(--main-color);color: #fff;text-align: center;font-size: 17px;border-radius: 5px;width: 131px;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{
    background: #eee;
    margin-top: 100px;
}
.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;
}
.gwss {
    padding: 100px 0px;
}
.gwss .list{}
.gwss .list .listw{
    border: solid 1px #eee;
    margin-bottom: 12px;
    padding: 2%;
}
.gwss .list .listw h2{
    margin-bottom: 10px;
}
.gwss .list .listw .bqxx{
    display: flex;
}
.gwss .list .listw .bqxx p{
    margin: 0%;
    font-size: 14px;
    color: #666;
    margin-right: 15px;
}
.zpdb_a {
}
.zpdb_bt{
    text-align: center;
    font-size: 24px;
    color: var(--main-color);
    font-weight: bold;
    margin-bottom: 22px;
}
.zpdb_a .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zpdb_a .list .listw{
    width: 20%;
    background: #f5f5f5;
    padding: 2%;
    border-radius: 10px;
}
.zpdb_a .list .listw h2{
    text-align: center;
    font-size: 18px;
}
.zpdb_a .list .listw .xt{
    display: block;
    width: 38px;
    margin: 12px auto;
    height: 2px;
    background: var(--main-color);
}
.zpdb_a .list .listw .bq{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} 
.zpdb_a .list .listw .bq p{width: 50%;text-align: center;color: #333;line-height: 1.8;} 
.zpdb_b {
    padding: 100px;
}
.zpdb_b .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 4%;
}
.zpdb_b .list .listw{
    text-align: center;
}
.zpdb_b .list .jt{}
.zpdb_b .list .jt svg{
    width: 29px;
    height: auto;
}
.zpdb_b .list .listw svg{
    width: 50px;
    height: auto;
}
.zpdb_b .list .listw p{
    color: var(--main-color);
    font-weight: bold;
    margin-top: 10px;
    font-size: 16px;
}
.ryzs{
    padding: 100px 0px;
}
.ryzs .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ryzs .list .listw{
    width: 23%;
    margin: 1%;
}
.ryzs .list .listw .img{
    border: solid 1px #eee;
    padding: 7%;
}
.ryzs .list .listw .img img{
    width: 92%;
    padding: 4%;
}
.ryzs .list .listw h2{
    text-align: center;
    font-size: 16px;
    margin-top: 13px;
}
.about_gsjj{
    padding: var(--m80);
}
.about_gsjjw {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about_gsjjwl{
    width: 45%;
}
.about_gsjjwr{
    width: 50%;
}
.about_gsjjwr img{
    width: 100%;
}
.about_xt{
}
.about_bt{
    font-size: 33px;
    color: #000000;
    margin-top: 10px;
}
.about_gsjjwl p{
    color: #808080;
    line-height: 2;
    font-size: 16px;
    margin-top: 23px;
}
.about_gzlc{
        padding: var(--padding);
        background: url(../images/job_banner.jpeg) center center;
        background-size: cover;
}
.about_bt_center{
    margin-bottom: 3%;
}
.about_bt_center div{
    margin: 0 auto;
}
.about_bt_center h2{
    text-align: center;
    color: #fff;
}
.about_gzlc_swiper{
    position: relative;
    overflow: hidden;
}
.about_gzlc_swiper:before {
    height: 4px;
    background: #fff;
    content: "";
    width: auto;
    position: absolute;
    top: 95px;
    left: 5px;
    right: 5px;
}
.about_gzlc_swiper .swiper-slide{}
.about_ygfc{
        background: #f5f5f5;
            padding: var(--padding);
    
}
.about_ygfcw{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.about_ygfcwl{
    width: 45%;
}
.about_ygfcwl .sz{
    display: flex;
}
.about_ygfcwl .szw{
    width: 33.33%;
    display: block;
    border-left: #ddd solid 1px;
    padding: 0 10px 0 20px;
    text-align: left;
}
.about_ygfcwl .szw h2{
    font-size: var(--f40);
    color: var(--main-color);
    font-weight: 500;
}
.about_ygfcwl .szw h2 span{
    font-size: 12px;
    color: #666;
}
.about_ygfcwl .szw p{
    color: #666;
}
.about_ygfcwl .nr{}
.about_ygfcwl .nr img{
    width: 100%;
}
.about_ygfcwl .nr p{
    color: #808080;
    font-size: 16px;
    line-height: 2;
    margin-top: 5%;
    margin-bottom: 5%;
}
.about_ygfcwr{
    width: 50%;
}
.about_ygfcwr img{
    width: 100%;
    margin-bottom: 5%;
}
.about_ygfcwr p{
    color: #808080;
    font-size: 16px;
    line-height: 2;
}
.zlzs_list_bt{
       font-size: 30px;
       color: #666;
       margin-top: 20px;
       text-align: center;
       font-weight: bold;
       margin-bottom: 20px;
}
@media (max-width: 1080px){
    
    .headw .nav{
        display: none;
        position: fixed;
        top: 85px;
        width: 100%;
        height: 100vh;
        background: #fff;
        left: 0%;
        border-top: solid 1px #eee;
        padding: 0% 5%;
    }
    .headw .souc {

    display: none;
}
.banner_lbt .swiper-slide .nr .nrxq {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 2% 0%;
}
.banner_lbt .swiper-button-next {
    border: solid 1px #fff;
    right: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    display: none;
}
.banner_lbt .swiper-button-prev {
    border: solid 1px #fff;
    left: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    display: none;
}
.banner_lbt .swiper-slide .nr {

    padding: 0% 5%;

}
.banner_lbt_br .swiper-slide .img {
    width: 23px;
    position: relative;
    z-index: 9;
    display: none;
}
.banner_lbt_br {
    position: absolute;
    bottom: 8%;
    width: 100%;
    color: #fff;
    padding: 0% 5%
18.75px
;
}
.banner_lbt .swiper-slide .img img {
    width: auto;
    height: 100%;
   
}
.headw .logo {
    clear: left;
    margin-left: 0%;
    margin-right: 0px;
    width: 85px;
}
.web_nav {
    display: block;
}
.web_nav span {
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 6px 0px;
}

    .headera .web_nav span{
        background: #333;
    }
.zxsc {
    position: absolute;
    right: 17%;
}
.headw {
    padding-top: 0;
    padding-bottom: 0;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    height: 85px;
}
.headw .nav ul {
    display: flex
;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}
.headw .nav ul li a {text-align: left;line-height: 56px;height: 56px;padding: 0% 5%;color: #333;}
.head:hover .web_nav span {
        background: #333;
    }
    .headw .nav ul li {
    width: 100%;
    margin: 0%;
}
.erji {

    display: none;
}
.nybanner_wz p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
    margin-top: 4px;
    text-align: center;
    padding: 0% 4%;
}
.lxbanner .bj {
    min-height: 300px;
    overflow: hidden;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.lxbanner {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.nybanner_wz h2 {
    font-size: 32px;
    color: #fff;
}
.pro_js {
    background: #F2F5FA;
    padding: 10% 0%;
}
.cpjsbt {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    color: var(--main-color);
}
.pro_jsw p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: center;
}
.jjfn_list {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5% 0%;
}
.jjfn_list .list {
    width: 46%;
    position: relative;
    margin: 2%;
    border-radius: 10px;
    overflow: hidden;
}
.jjfn_list .list .img {
    background: #fff;
    position: relative;
    z-index: 9;
    height: 274px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .6s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.jjfn_list .list .jjfnnrw p {
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
}
.pro_syjsw .nr p {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-top: 9px;
}
.pro_js_tj .nr .nrw h4 {
    font-size: 32px;
    color: var(--main-color);
    color: #fff;
}
.footw {
    width: 1200px;
    margin: 0 auto;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 94%;
    padding: 10% 0%;
    flex-direction: column;
}
.sjmt {
    width: 100%;
    padding-right: 30%;
    padding-top: 5%;
    text-align: left;
}
.footbq {
    background: var(--main-color);
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 21px 16px;
}
.bknr:nth-child(2) {
    display: none;
}
.bknr:nth-child(3) {
    display: none;
}
.pro_xq_fl .jsnr {
    width: 100%;
    background: var(--main-color);
    height: 119px;
    padding: 11% 7%;
}
.pro_xq_fl .img {
    width: 100%;
}
.pro_xq_fl .ms h2 {
    color: var(--main-color);
    font-size: 24px;
}
.pro_xq_fl .ms p {
    font-size: 15px;
    margin-top: 14px;
    line-height: 1.6;
    color: #666;
}
.pro_xq_fl {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10% 0%;
}
.pro_list {
    background: #F2F5FA;
    padding: 10% 0%;
}
.pro_listw .list .title {
    width: 100%;
    display: flex
;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.pro_listw .list .title .z {


    width: 24%;
}
.pro_listw .list .ms {
    width: 100%;
    background: #fff;
    padding: 3%;
}
.pro_js_tj .nr .nrw .ann a {
    width: 120px;
    display: block;
    height: 40px;
    margin-right: 30px;
    border: #fff solid 1px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}
.sjmt .js {
    text-align: left;
    font-size: 16px;
    color: #666;
    margin-top: 3%;
}
.pro_js_list {
    background: url(../images/applications-bg.png) fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0%;
}
.nybanner .nr h4 {
    font-size: 32px;
    
}
.nylxbanner .nr h2 {
    font-size: 32px;
}
.jjfn_nr {
    background: #eee;
    padding: 10% 0%;
}
.jjfn_nrw {
    background: #fff;
    padding: 5%;
    width: 84%;
}
.jjfn_nr img{
    max-width: 100%;
}
.rounded{
        overflow-y: auto;
}
.flmc {
    background: #f5f5f5;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    width: 1000px;
}
.fw_prozl .list-disc {
    border-left: solid 1px #eee;
    margin-bottom: 20px;
    width: 1000px;
}
.fw_prozl .list-disc li .w40 {
    width: calc(38% - 25px);
    float: left;
}
.fw_prozl .list-disc li .w8 {
    width: calc(12% - 25px);
    float: left;
}
.fw_fx {
    background: url(../images/applications-bg.png) fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0%;
}
.fw_fxw {
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fw_fxw .list {
    width: 80%;
    background: #fff;
    margin: 5% 3%;
    text-align: center;
    padding: 12% 10%;
    border-radius: 20px;
}
.news_list {
    padding: 10% 5%;
    border-bottom: solid 1px #eee;
}
.news_listw {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1%;
    margin-bottom: 5%;
}
.news_list .non_width {
    width: 100%;
    max-width: 100%;
}
.newsfa_sum {
    font-size: 15px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news {
    margin: 7% 3%;
    border-bottom: solid 1px #eee;
    padding-bottom: 4%;
    border-top: solid 1px #333;
    padding-top: 4%;
    width: 94%;
}
        .newsw {
        display: flex
;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: column;
    }
.fbsj {
    font-size: 22px;
}
.newsw .right {
    width: 100%;
}
.newsw .right .nr {
    font-size: 16px;
    line-height: 1.8;
    font-size: 13px;
    margin-top: 10%;
}
.newsw .left {
    width: 100%;
}
.newsw .right .bt {
    font-size: 32px;
    font-weight: 500;
}
.contact {
    padding: 10% 3%;
}
.conta h4 {
    font-weight: 500;
    font-size: 5.2vw;
}
.conta h2 {
    font-weight: 500;
    font-size: 8.4vw;
}
.contb {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 10%;
}
.contc p {
    margin: 0%;
    font-size: 5.8vw;
    margin-bottom: 26px;
    padding-left: 16px;
    position: relative;
    min-width: 100%;
}
.contc p:before {
    content: '';
    width: 5px;
    position: absolute;
    height: 18px;
    background: #6db102;
    left: 0%;
    border-radius: 50px;
    top: 6px;
}
.contact_main {
    background: #f5f5f5;
    padding: 10% 0%;
}
.zblx {
    width: 94%;
    margin: 0 auto;
}
.zblx ul {
    background: #fff;
    padding: 5%;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zblx ul li {
    width: 100%

;
    border-bottom: solid 1px #eee;
    margin: 0;
    padding-bottom: 3%;
    margin-bottom: 3%;
    display: flex
;
    align-items: center;
}
.bscw {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bscw .bsc {
    width: 100%;
    margin-bottom: 5%;
}
.bscw ul {
    background: #fff;
    padding: 5%;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
}
.my-map {
    margin: 0 auto;
    width: 90%;
    height: 400px;
}
.maeaggsw form input {
    width: 100%;
    border: 0;
    padding: 3.5% 2%;
    margin-bottom: 2%;
}
.wmdyw_flex {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.ymbt {
    font-size: 32px;
    font-weight: bold;
    padding: 0%;
}
.case_fl .fla {
    display: flex
;
    border-radius: 50px;
    flex-wrap: wrap;
}
.case_fl .fla span {
    padding: 10px 0px;
    border-radius: 50px;
    margin-right: 15px;
    font-size: 21px;
    width: 100%;
}
.case_fl .fla a {
    background: #eee;
    padding: 2% 0%;
    border-radius: 50px;
    margin-right: 3%;
    font-size: 16px;
    width: 30%;
    text-align: center;
}
.case_fl {
    margin: 5% 0%;
    border-top: solid 1px #eee;
    padding: 5% 0%;
    border-bottom: solid 1px #eee;
}
.por_list {
    padding: 10% 0%;
    position: relative;
}
.por_list ul li {
    width: 100%;
    margin: 0%;
    background: #fff;
    border: #eee solid 1px;
    margin: 1%;
    position: relative;
}
    .footw .logo img{
        width: 120px;
    }
    .foot_nr{
        margin-top: 5%;
    }
    .gwss .list .listw {
    border: solid 1px #eee;
    margin-bottom: 12px;
    padding: 5%;
}
.gwss .list .listw .bqxx {
    display: flex
;
    flex-wrap: wrap;
}
.zpdb_a .list .listw {
    width: 100%;
    background: #f5f5f5;
    padding: 7%
7%
;
    border-radius: 10px;
    margin-top: 14px;
}
.zpdb_b {
    padding: 10% 0%;
}
.gwss {
    padding: 10% 0%;
}
.zpdb_b .list {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 4%;
    flex-direction: column;
}
.zpdb_b .list .jt {
    padding: 3% 0%;
}
.ryzs .list .listw {
    width: 46%;
    margin: 2%;
}
.ryzs {
    padding: 10% 0%;
}


}