body {
    font-size: 14px;
    font-family: 'PingFang SC ',Arial, sans-serif;
    color: #000;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fafafa;
}
:
    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: #333;
    --main2-color: linear-gradient(30deg, #00956d,#006b4e);
    --main3-color: #111;
    --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}

.plate_w {
    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------------------------------------------------*/
.dede_pages {
    text-align: center;
    margin-bottom: 50px;
}

.dede_pages
    ul {
    display: inline-block;
    margin-top: 40px;
}

.dede_pages
    ul li {
    width: auto;
    padding: 0px;
    border: 0px;
    background: #f9f9f9;
    color: #999;
    margin: 0px;
    margin: 0px 3px;
    border: solid 1px #f9f9f9;
    padding: 4px 8px;
    float: left;
}

.dede_pages
    ul li.thisclass {
    background: #fc6701;
    color: #FFF;
}

.dede_pages
    ul li a {
    color: #999;
}

.dede_pages
    ul li:hover {
    background: #fc6701;
}

.dede_pages
    ul li:hover a {
    display: block;
    background: #fc6701;
    color: #FFF;
}

/*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: 999;
}
.head.headera,.head:hover{
    background-color: rgb(255 255 255 / 90%);
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    top: 0;
}
.head:
    hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    top: 0;
    background: #fff;
}
.headw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headw .logo{
    clear: left;
    margin-left: 0%;
    margin-right: 0px;
    width: 180px;
}
.headw .logo
    img{
    width: 100%;

}
.headw .logo .y{
    display: none;
}

.headw .logo .b{
    display: block;
}
.headera .headw .logo .y{
       display: block;
}
.headera .headw .logo .b{
    display: none;
}
.head.headera
    img,.head:hover img{
    width: 100%;
  
}
.web_nav{
    display: none;
         
}
.web_nav
    span{}
.headw .nav{
    margin-left: 0%;
    margin-right: 0px;
    clear: none;
}
.headw .nav
    ul{
    display: flex;
    flex-wrap: wrap;
    
}
.headw .nav ul li{
       margin: 0%;
    padding: 0px 30px;
}
.headw .nav ul li .ejcd{
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 90;
    left: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .8s;
    background: #fff;
    pointer-events: none;
}
.headw .nav ul li .ejcd a{
    line-height: 70px;
    height: 70px;
    font-size: 18px;
    padding: 0px 33px;
    color: #666!important;
    position: relative;
    text-transform: capitalize;
}
.headw .nav ul li .ejcd a:hover{
    
}
.headw .nav ul li:hover .ejcd {
    opacity: 1;
    pointer-events: auto;
}
.headw .nav ul li .ejcd a:hover{
    color: #333!important;
}
.headw .nav ul li .ejcd a:after{
    content:'';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    left: 11px;
    top: 30px;
    border-radius: 50%;
    transition: all ease .8s;
    opacity: 0;
}
.headw .nav ul li .ejcd a:hover:after{
    opacity: 1;
}
.headw .nav
    ul li a{height: 100px;
    line-height: 100px;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    display: block;
    text-align: center;
    font-family: Verdana;}
.head.headera .nav
    ul li a{
    color: #333;
}
.head:hover .nav ul li a{
      color: #333;
}

.head:
    hover .nav ul li a{
    color: #333;
}
.headw .nav ul li:hover a{
    color: #333;
}
.s_du{
    display: flex;
}
.headw .souc{
    margin-left: 0%;
    margin-right: 0px;
    clear: none;
}
.headw .souc_w{
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    left: 0%;
    height: 0px;
    overflow: hidden;
    transition: all ease .8s;
}
.headw .souc .a{
    display: block;
}
.headw .souc .b{
    display: none;
}
.headw .souc.souc_wxs .a{
     display: none;
}
.headw .souc.souc_wxs .b{
    display: block;
}
.headw .souc_wxs .souc_w{height: 300px;}
.headw .guanbs{
    position: absolute;
    right: 14%;
    top: 10%;
    cursor: pointer;
}
.headw .souc_w .guanbs svg{
    filter: invert(0%)!important;
}
.headw .souc  .souc_w .guanbs svg{
    filter: invert(0%)!important;
}
.headw .souc_w form{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.headw .souc_w form input{
    width: 66%;
    border: 1px #eee solid;
    height: 60px;
    line-height: 60px;
    padding: 0% 1%;
    font-size: 18px;
    color: #666;
    border-radius: 31px 0px 0px 31px;
}
.headw .souc_w form button{
    border: 1px #333 solid;
    height: 64px;
    line-height: 64px;
    background: #333;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
0px 31px 31px
    contain-intrinsic-block-size: auto 100px;
0px 31px 31px
    contain-intrinsic-block-size: auto 100px;
    border-radius: 0px 31px 31px 0px;
}
.headw .souc_w form button svg{
    filter: invert(0%)!important;!i;!;
}
.headw .souc .icon{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}
.head.headera .souc .icon,.head:hover .souc .icon{
    filter: invert(50%);
}
.headw .souc:hover .icon{
       filter: invert(100%)!important;
}
.headw .souc:hover .souc_w form button svg {
    filter: invert(0%) !important;
}
.duoyu{
    padding-left: 40px;
    position: relative;
}
.duoyu
    svg{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    transition: all ease .4s;
}

.head.headera .duoyu
    svg,.head:hover .duoyu svg{
    filter: invert(50%);
}
.duoyu
    svg:hover{
    filter: invert(100%)!important; 
}
.duoyus{
    height: 0px;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 125px;
    right: 0%;
    transition: all ease .8s;
    overflow: hidden;
    padding-top: 22px;
}
.duoyus a{
    height: 36px;
    line-height: 36px;
    padding: 0px 15px;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 2px;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.duoyus i{
    width: 27px;
    height: 27px;
    font-style: normal;
    background: #7f7f7f;
    color: #fff;
    text-align: center;
    line-height: 27px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 13px;
}
.duoyus a img{
    width: 20px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    margin-right: 5px;
}
.duoyus a:hover{
    color: #333;
}

.duoyu:hover .duoyus{
    height: 84px;
}
.head:hover .nav ul li:hover{
      border-bottom: solid 2px #333;
}
.head:hover .nav ul li:hover a{
      color: #000;
}

.head.headera .nav ul li:hover{
      border-bottom: solid 2px #333;
}
.head.headera .nav ul li:hover a{
      color: #333;
}
/*daohang------------------------------------------------*/
/*banner-------------------------------------------------*/
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner .pc{
    display: block;
}
.banner .web{
    display: none;
}
.banner .nr{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 4%;
}
.banner .nr h2{
    font-size: 58px;
    color: #c2c3c6;
    font-weight: bold;
}
.banner .nr h3{
    font-size: 47px;
    color: #fff;
    margin: 2% 0%;
}
.banner .nr p{
    font-size: 22px;
    width: 54%;
    margin: 0%;
    color: #fff;
    line-height: 1.6;
}
.banner .nr span{
    width: 319px;
    display: block;
    background: #fff;
    height: 47px;
    border-radius: 50px;
    text-align: center;
    line-height: 47px;
    font-size: 18px;
    margin-top: 3%;
}
.beij{
    position: absolute;
    z-index: -1;
    background: url(../images/homebj2.png);
    width: 59%;
    height: 100%;
    background-size: 100%;
    top: 13%;
}

.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_an{
    position: absolute;
    bottom: 17%;
    display: flex;
    flex-direction: row-reverse;
    left: 11%;
    width: 180px;
    justify-content: space-between;
    align-items: center;
}
.banner_an .wz{
    font-size: 14px;
    color: #fff;
    z-index: 9;
    position: relative;
    line-height: 50px;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
    position: relative;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    transition: all ease .8s;
    top: 0;
    bottom: 0;
    margin: 0;
}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{
    background: #fff;
}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{
    color: #23092b;
}
.banner .swiper-button-next:
    after{
      content: 'next';
    font-weight: bold;
}
.banner .swiper-button-prev:
    after {
  content: 'prev';
}
/*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;
    height: 43px;
    background-color: #ddd;
    line-height: 43px;
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 4px;
    border-radius: 50px;
    transition: all ease .8s;
}

.page-pre:hover,
.page-next:hover {
    background-color: #333;
}
.page-pre
    img{
    transform: rotate(180deg);
}
.page-pre:
    hover a,
.page-next:hover a {
    color: #fff;
}

.page-pre
    a,
.page-next a {
    display: block;
    color: #fff;
}
.fyan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 64px;
    position: relative;
}
.fyan .right{
    display: flex;
    align-items: center;
    position: absolute;
    right: 0%;
}
.page-next
    a {}

.page-numbar {
    display: inline-block;
    margin: 0px 3px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-numbar
    a {
    display: inline-block;
    text-align: center;
    margin: 0px 2px;
    line-height: 30px;
    color: #999;
    font-size: 24px;
}
.page-numbar
    a.page-num-current{
         color: #333;
    }
.page-numbar
    a:hover {
    color: #333;
}

.souym {
    background: #f2f2f2;
    padding: 60px 0px;
}

.souym
    ul {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
}

.souym
    ul li {
    border-bottom: solid 1px #eee;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.souym
    ul li .img {
    float: left;
    width: 300px;
}

.souym
    ul li .img img {
    width: 100%;
}

.souym
    ul li .nr {
    float: left;
    margin-left: 25px;
    margin-top: 15px;
}

.souym
    ul li .nr h2 {
    font-weight: bold;
    font-size: 16px;
}

.souym
    ul li .nr h3 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

.souym
    ul li .nr a {
    display: block;
    background: #f5f5f5;
    text-align: center;
    width: 120px;
    border-radius: 6px;
    color: #999;
    padding: 8px 0px;
    margin-top: 19%;
}

.souym
    ul li:hover .nr a {
    background: #0072d1;
    color: #fff;
}
.tpfd{
    overflow: hidden;
}
.tpfd
    img{
    transition: all  ease 1s;
}
.tpfd:hover img{
    transform: scale(1.1);
}

.zbt{
    font-size: 50px;
    font-family: Verdana;
    line-height: 1;
    margin: 0;
}
.fbt{
    font-size: 30px;
    color: #666;
}
.plate_about{
    padding: 7% 0%;
    position: relative;
}
.plate_about:
    after{
    content:'';
    background: url(../images/homeBj1.png);
    position: absolute;
    width: 169px;
    height: 267px;
    right: 6%;
    top: 7%;
    z-index: -1;
}
.about_main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.plate_about .left{
    width: 52%;
}
.plate_about .left
    h2{
    margin-top: 20px;
    margin-bottom: 40px;
}
.plate_about .left
    h3{}
.plate_about .left
    p{
    line-height: 30px;
    color: #525252;
    font-size: 20px;
    margin-bottom: 60px;
}
.plate_about .right{
    width: 41%;
    border: solid 8px #fff;
    box-shadow: 0 0 13px rgb(0 0 0 / 13%);
    overflow: hidden;
}
.plate_about .right
    img{
    width: 100%;
}
.chkg{
    display: flex;
    width: 210px;
    height: 60px;
    background: #313131;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: all ease .8s;
    border: solid 2px #313131;
}
.chkg span{
    color: #fff;
    font-size: 18px;
    padding-right: 12px;
    transition: all ease .5s;
}
.chkg img{
    transition: all ease .5s;
}

.chkg:hover{
    border: solid 2px #313131;
    background: #fff;
}
.chkg:hover span{
    color: #333;
}
.chkg:hover img{
    transform: translatex(10px);
    filter: invert(100%);
}

.plate_gsfb{}
.gsfb_main{}
.gsfb_main .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gsfb_main .botm{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 80px;
    margin-bottom: 120px;
}
.gsfb_main .botm .list{
    background: #fff;
    width: 24%;
    box-shadow: 0 0 11px rgb(0 0 0 / 11%);
    transition: all ease 1s;
    border-radius: 15px;
}
.gsfb_main .botm .list:hover{
    transform: translateY(-36px);
}
.gsfb_main .botm .list .img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7% 5%;
    border-bottom: solid 1px #eee;
}
.gsfb_main .botm .list .img
    img{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: solid 5px #d6d6d6;
}
.gsfb_main .botm .list .img
    h3{
    font-family: Verdana;
    font-size: 22px;
    padding-left: 21px;
    text-transform: capitalize;
}
.gsfb_main .botm .main{
    padding: 6%;
}
.gsfb_main .botm .main
    p{
    color: #666;
    font-size: 18px;
    line-height: 30px;
    height: 120px;
}
.gsfb_main .botm .main
    a{border: solid 1px #333;
    width: 200px;
    display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 50px;
    font-size: 21px;
    margin-top: 36px;
    transition: all ease .7s;}

.gsfb_main .botm .list:hover  .main a{
    background: #333;
    color: #fff;
}

.plate_seve{
    background-repeat: no-repeat;
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}
.plate_seve:before{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-image: linear-gradient(to right, rgb(255 255 255),rgb(255 255 255),rgb(255 255 255), rgb(0 0 0 / 8%));
}
.seve_main{
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.seve_main .left{
    display: none;
}
.seve_main .left .nr{
    position: relative;
    z-index: 99;
    width: 70%;
}
.seve_main .left .img{
    position: absolute;
    right: 0%;
    width: 49%;
}
.seve_main .left .img img{
    width: 100%;
}
.seve_main .left.active{
    display: flex;
    align-items: center;
}
.seve_main .left
    h2{
    font-size: 35px;
}
.seve_main .left
    p{
    font-size: 22px;
    color: #666;
    line-height: 36px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.seve_main .left a{
    width: 210px;
    height: 54px;
    background: #fff;
    display: block;
    box-shadow: 0 0 7px rgb(0 0 0 / 21%);
    border-radius: 50px;
    text-align: center;
    line-height: 54px;
    font-size: 24px;
}

.seve_main .left
    a:hover{
    background: #333;
    color: #fff;
}

.seve_list{
    display: flex;
    position: relative;
    z-index: 99;
}
.seve_list .list{
    width: 100%;
    position: relative;
    }

.seve_list .list a{}
.seve_list .list:after{
    content:'';
    position: absolute;
    width: 2px;
    height: 0%;
    background: #fff;
    top: 8%;
    z-index: 9;
    left: 10%;
    transition: all ease .8s;
}
.seve_list .list:before{
      content:'';
    position: absolute;
    width: 0%;
    height: 2px;
    background: #fff;
    top: 8%;
    z-index: 9;
    left: 10%;
    transition: all ease .8s;
}
.seve_list .list a:after{
      content: '';
    position: absolute;
    width: 2px;
    height: 0%;
    background: #fff;
    top: 8%;
    z-index: 9;
    right: 10%;
    transition: all ease .8s;
}
.seve_list .list
    a:before{
      content:'';
    position: absolute;
    width: 0%;
    height: 2px;
    background: #fff;
    bottom: 10%;
    z-index: 9;
    left: 10%;
    transition: all ease .8s;
}
.seve_list .list:hover:after{
    height: 82%;
}
.seve_list .list:hover:before{
    width: 80%;
}
.seve_list .list:hover a:after{
    height: 82%;
}
.seve_list .list:hover a:before{
    width: 80%;
}
.seve_list .list
    a .img{
    background: #000;
    overflow: hidden;
}
.seve_list .list a .img img{
    width: 100%;
    opacity: 0.5;
    transition: all ease 1s;
}
.seve_list .list:hover a .img img{
    transform: scale(1.1);
    opacity: 0.3;
}
.seve_list .list
    a .nr{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seve_list .list
    a .nr h2{
    font-size: 25px;
    color: #fff;
    font-family: Verdana;
    font-weight: 500;
    padding: 0% 14%;
    text-align: center;
}


.plate_news{
    padding: 100px 0px;
}

.plate_w .top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.news_list{
    display: flex;
    justify-content: space-between;
}
.news_list .list{
    width: 31%;
    transition: all ease 1s;
}
.news_list .list:hover{
    transform: translateY(-30px);
}
.news_list .list
    a{}
.news_list .list
    a .img{
    overflow: hidden;
    height: 240px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news_list .list
    a .img img{
    width: 100%;
    transition: all ease 1s;
}
.news_list .list:hover a .img img{
    transform: scale(1.1);
}
.news_list .main{
    background: #fff;
    padding: 6%;
    box-shadow: 0 0 10px rgb(0 0 0 / 18%);
}
.news_list .main
    h3{
    font-size: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list .main
    p{
    font-size: 20px;
    line-height: 30px;
    color: #666;
    margin: 6% 0%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制显示的行数为3 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list .main .gd{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news_list .main .gd
    i{
    margin: 0%;
    font-size: 18px;
    font-style: normal;
}
.news_list .main .gd
    span{
    margin: 0%;
    font-size: 18px;
    color: #999;
}


.plate_shzr{
    padding-bottom: 100px;
}

.shzr_main{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.shzr_main .left{
    width: 42%;
}
.shzr_main .left
    h2{}
.shzr_main .left
    p{
    font-size: 20px;
    line-height: 30px;
    color: #666;
    margin-top: 37px;
}
.shzr_list {
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
}
.shzr_list .swiper-slide{}
.shzr_list
    img{width: 100%;}




.shzr_an{
    position: absolute;
    bottom: 2%;
    display: flex;
    flex-direction: row-reverse;
    left: 25%;
    width: 237px;
    justify-content: space-between;
    align-items: center;
}

.shzr_an .swiper-button-next,.shzr_an .swiper-button-prev{
    position: relative;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114px;
    height: 41px;
    border-radius: 50px;
    color: #fff;
    transition: all ease .8s;
    top: 0;
    bottom: 0;
    margin: 0;
}
.shzr_an .swiper-button-next:hover,.shzr_an .swiper-button-prev:hover{
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 22%);
}
.shzr_an .swiper-button-next:
    after,.shzr_an .swiper-button-prev:after {
  font-weight: bold;
    color: #333;
    font-size: 21px;
}
.shzr_an .swiper-button-next:hover:after,.shzr_an .swiper-button-prev:hover:after{
    color: #23092b;
}
.shzr_an .swiper-button-next:
    after{
      content: 'next';
    font-weight: bold;
}
.shzr_an .swiper-button-prev:
    after {
  content: 'prev';
}

.plate_cont{
    margin-bottom: -4%;
    position: relative;
    z-index: 1;
}

.cont_main{
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 9px rgb(0 0 0 / 15%);
    padding: 0%;
    padding: 42px 50px;
    width: 1400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cont_main .left{
    width: 40%;
}
.cont_main .left
    h2{
    font-size: 34px;
    line-height: 46px;
    font-family: Verdana;
}
.cont_main .left
    p{
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #666;
}
.cont_main .right{}
.cont_main .right
    form{
    border: solid 1px #eee;
    padding: 8px 8px;
    width: 430px;
    border-radius: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-;
    padding-left: 28px;
}

.cont_main .right
    form input{
    border: 0;
    height: 40px;
    font-size: 16px;
}
.cont_main .right
    form button{
    background: #333;
    color: #fff;
    border: 0;
    width: 140px;
    height: 52px;
    border-radius: 55px;
    font-size: 16px;
    cursor: pointer;
}

.foot{
    position: relative;
    background: #f0f3f8;
    padding-top: 4%;
}

.foot_main{
    display: flex;
    justify-content: space-between;
    padding: 60px 0px;
}

.foot_bq{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 0px;
}
.foot_bq a,.foot_bq span{
    padding: 0px 18px;
    display: block;
    color: #666;
}
.foot_bql {
    font-size: 15px;
    color: #666;
    font-weight: bold;
    display: flex;
    line-height: 21px;
}
.foot_bqr{
    font-size: 15px;
    color: #666;
    font-weight: bold;
}
.foot_bqr
    a{
      color: #666; 
}

.foot_left{
}
.foot_left .logo{
    margin-bottom: 41px;
}
.sjfx{
    display: flex;
    justify-content: space-between;
    width: 227px;
}
.sjfx
    a{
    border: solid 1px #9c9ca8;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sjfx
    a img{
    max-width: 100%;
}
.foot_right{
    display: flex;
    width: 60%;
    justify-content: space-between;
}
.list_lj{}
.list_lj
    h2{
    font-size: 24px;
    font-family: Verdana;
    margin-bottom: 36px;
}
.list_lj
    a{
    display: block;
    line-height: 40px;
    color: #333;
    font-weight: 500;
    font-size: 20px;
}
.list_lj a:hover{
    color: #333;
        transform: translateX(10px);
}

.fkf{}

.fkf .top{
    position: fixed;
    right: 1%;
    bottom: 8%;
    width: 54px;
    height: 54px;
    background: #333;
    text-align: center;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    z-index: 999;
}

.dbbeij{
    position: absolute;
    bottom: 131%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.dbbeij
    img{
    width: 100%;
}






.nybanner .breadcrumb{}
.nybanner .breadcrumb
    a{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}




.cpzbt{
    font-size: 42px;
    font-family: Verdana;
    border-left: solid 9px #001ca7;
    line-height: 1;
    padding-left: 21px;
}


.solution{}
.solutionw{}
.solutionw
    h2{}
.solutionw .solution-features{
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}
.solutionw .solution-features
    li{
    margin: 0;
    font-size: 29px;
    font-weight: bold;
    margin-right: 36px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.solutionw .solution-features
    li:after{
    content:'';
    display: block;
    width: 10px;
    height: 10px;
    background: #333;
    border-radius: 50%;
    margin-right: 13px;
}
.solutionw
    p{
    font-size: 26px;
    color: #666;
}


.solution-items{
    margin-top: 80px;
}
.solution-item{
    display: flex;
    background: #fff;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}
.solution-item .img{
    width: 50%;
}
.solution-item .img
    img{
    width: auto;
    height: 100%;
}
.solution-item .item-content{
    width: 45%;
    padding: 2%;
}
.solution-item .item-content
    h3{
    font-size: 28px;
    font-family: Verdana;
    line-height: 1.4;
}
.solution-item .item-content
    ul{
    margin-top: 24px;
}
.solution-item .item-content
    ul li{
    margin-bottom: 20px;
}
.solution-item .item-content
    ul li:last-child {
    margin: 0;
}
.solution-item .item-content
    ul li h4{
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.solution-item .item-content
    ul li h4:before{
    content:'';
    width: 20px;
    height: 20px;
    background: #001ca6;
    display: block;
    border-radius: 50%;
    margin-right: 12px;
}
.solution-item .item-content
    ul li p{
    font-size: 18px;
    line-height: 1.5;
}




.list_fl{
    padding-top: 80px;
    padding-bottom: 100px;
}
.list_flw{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list_flw
    a{
    height: 64px;
    display: block;
    width: 32%;
    background: #fff;
    box-shadow: 0 0 9px rgb(0 0 0 / 5%);
    border-radius: 10px;
    text-align: center;
    line-height: 64px;
    font-size: 25px;
}
.list_flw
    a.cur{
    background: #333;
    color: #fff;
}
.list_flw
    a:hover{
    background: #333;
    color: #fff;
}


.news_list .main p{
    font-size: 20px;
    line-height: 30px;
    color: #666;
    margin: 6% 0%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制显示的行数为3 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list .main .gd{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news_list .main .gd i{
    margin: 0%;
    font-size: 18px;
    font-style: normal;
}
.news_list .main .gd span{
    margin: 0%;
    font-size: 18px;
    color: #999;
}


.plate_shzr{
    padding-bottom: 100px;
}

.shzr_main{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.shzr_main .left{
    width: 42%;
}
.shzr_main .left h2{}
.shzr_main .left p{
    margin-top: 37px;
    line-height: 30px;
    color: #525252;
    font-size: 20px;
}
.shzr_list {
    width: 50%;
    overflow: hidden;
    border-radius: 1px;
}
.shzr_list .swiper-slide{}
.shzr_list img{width: 100%;border: solid 5px #e9e9e9;border-radius: 18px;}
.shzr_list .img{width: 100%;overflow: hidden;border-radius: 18px;overflow: hidden;}



.shzr_an{
    position: absolute;
    bottom: 2%;
    display: flex;
    flex-direction: row-reverse;
    left: 25%;
    width: 237px;
    justify-content: space-between;
    align-items: center;
}

.shzr_an .swiper-button-next,.shzr_an .swiper-button-prev{
    position: relative;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114px;
    height: 41px;
    border-radius: 50px;
    color: #fff;
    transition: all ease .8s;
    top: 0;
    bottom: 0;
    margin: 0;
}
.shzr_an .swiper-button-next:hover,.shzr_an .swiper-button-prev:hover{
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 22%);
}
.shzr_an .swiper-button-next:after,.shzr_an .swiper-button-prev:after {
  font-weight: bold;
  color: #333;
  font-size: 21px;
}
.shzr_an .swiper-button-next:hover:after,.shzr_an .swiper-button-prev:hover:after{
    color: #23092b;
}
.shzr_an .swiper-button-next:after{
      content: 'next';
      font-weight: bold;
}
.shzr_an .swiper-button-prev:after {
  content: 'prev';
}



.nybanner{
    width: 100%;
    position: relative;
}
.nybanner .bj{}
.nybanner .bj img{
    width: 100%;
}
.nybanner_wz{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nybanner_wz h2{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 48px;
}
.nybanner_wz .xintitle{
    font-size: 32px;
    padding: 0% 9%;
    text-align: center;
}
.xwsj{
    font-size: 20px;
    color: #fff;
    margin-top: 32px;
}
.nybanner .breadcrumb{}
.nybanner .breadcrumb a{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.group-profile{
    padding-top: 100px;
}
.group-profile h2{
}
.group-profile p{
    font-size: 20px;
    color: #666;
    line-height: 1.8;
    margin: 30px 0px;
}
.group-profile img{
    width: 100%;
}

.company-culture{}

.company-culture > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.company-culture .culture-item{
    width: 25%;
    box-shadow: 0 0 10px rgb(0 0 0 / 18%);
    border-radius: 20px;
    padding: 3%;
}
.company-culture .culture-item .img{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.company-culture .culture-item .img img{}
.company-culture .culture-item .img h3{
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    padding-left: 11px;
}
.company-culture .culture-item p{
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin-top: 12px;
}

.aboutwz {
    font-size: 20px;
    color: #333;
    line-height: 1.8;
    padding: 44px 0px;
}

.development-history{
    margin-top: 100px;
}
.development-history h2{
    margin-bottom: 60px;
}

.timelinew{
    background: #f7f8fa;
    padding: 76px 0px;
    position: relative;
}

.timeline{
    overflow: hidden;
    padding-top: 39px;
}
.timelinew:before{
    content:'';
    width: 80%;
    position: absolute;
    height: 1px;
    background: #333;
    top: 92px;
    margin: 0% 10%;
}
.timeline .swiper-slide{}

.timeline .timeline-item{display: flex;flex-direction: column;align-items: center;position: relative;}
.timeline .timeline-item:after{
    content:'';
    width: 30px;
    height: 30px;
    background: #000;
    top: -37px;
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
}
.timeline .timeline-item:before{
    content:'';
    width: 24px;
    height: 24px;
    background: #000;
    top: -34px;
    position: absolute;
    border-radius: 50%;
    opacity: 1.1;
}
.timeline .timeline-item .year{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 17px;
}
.timeline .timeline-item .nr{
    text-align: center;
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    height: 136px;
    overflow: hidden;
}

.timelinew_an{
    position: absolute;
    top: 17%;
    display: flex;
    flex-direction: row-reverse;
    left: 0%;
    width: 80%;
    justify-content: space-between;
    align-items: center;
    padding: 0% 10%;
}

.timelinew_an .swiper-button-next,.timelinew_an .swiper-button-prev{
    position: relative;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    color: #fff;
    transition: all ease .8s;
    top: 0;
    bottom: 0;
    margin: 0;
    background: #666;
}
.timelinew_an .swiper-button-next:hover,.timelinew_an .swiper-button-prev:hover{
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 22%);
}
.timelinew_an .swiper-button-next:after,.timelinew_an .swiper-button-prev:after {
  font-weight: bold;
  color: #fff;
  font-size: 23px;
}
.timelinew_an .swiper-button-next:hover:after,.timelinew_an .swiper-button-prev:hover:after{
    color: #23092b;
}
.timelinew_an .swiper-button-next:after{
      content: 'next';
      font-weight: bold;
}
.timelinew_an .swiper-button-prev:after {
  content: 'prev';
}

.personnel-structure{
    background: #fff;
    padding: 100px 0px;
}
.personnel-structure img{
    width: 100%;
}
.personnel-structure h2{
    margin-bottom: 60px;
}

.honor-achievement{
    padding: 100px 0px;
}
.about_ryzs{overflow: hidden;}
.about_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.about_ryzs h2{
}
.about_ry {
    position: relative;
    padding-bottom: 4%;
}
.award-item{
    overflow: hidden;
}
.award-item img{
    width: 100%;
}
.about_ry  .swiper-scrollbar{
    background: #afafaf;
    height: 10px;
    opacity: 1!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!imi;!imio;!imi;!im;!i;!;
}

.about_ry  .swiper-scrollbar-drag{
    background: #000;
}

.leadership-team{
    padding-bottom: 100px;
}

.leadership-team h2{
}
.leadership-team .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.leadership-team .list a{
    width: 48%;
}
.leadership-team .list .team-member{
    width: 100%;
    text-align: center;
    margin: 0% 0%;
    display: flex;
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 12%);
    border-radius: 20px;
    overflow: hidden;
}
.leadership-team .list .team-member .nr{
    width: 50%;
    text-align: left;
    padding: 5%;
    position: relative;
}
.leadership-team .list .team-member .nra{
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 4%;
}
.leadership-team .list .team-member span{
    text-align: right;
    display: block;
    color: #999;
    position: absolute;
    bottom: 7%;
    right: 9%;
}
.leadership-team .list a:hover .team-member span{
    color: #333;
}
.leadership-team .list .team-member h3{
    font-size: 32px;
}
.leadership-team .list .team-member h4{
    font-weight: 500;
    font-size: 18px;
    color: #133d6a;
    margin-top: 11px;
    font-weight: bold;
    text-transform: capitalize;
}
.leadership-team .list .team-member img{
    width: 100%;
}


.cpzbt{
    font-size: 42px;
    font-family: Verdana;
    border-left: solid 9px #001ca7;
    line-height: 1;
    padding-left: 21px;
}
.tabs{
    padding: 60px 0px;
}
.tabsw{
    display: flex;
    flex-wrap: wrap;
}
.tabsw a{
    display: block;
    height: 64px;
    box-shadow: 0 0 7px rgb(0 0 0 / 14%);
    margin-right: 21px;
    border-radius: 50px;
    line-height: 64px;
    font-size: 18px;
    padding: 0px 42px;
    color: #666;
}
.tabsw a:hover{
    color: #000;
}
.tabsw a.cur{
    color: #fff;
    background: #333;
}




.contat{
    padding: 100px 0px;
    background: #fff;
}
.contat_w{}
.lxzbt{
    font-size: 48px;
    text-align: center;
    font-family: Tahoma;
    padding-bottom: 80px;
}
.contat_w .list{
    width: 23%;
    background: #fff;
    box-shadow: 0 0 17px 0px rgb(0 0 0 / 12%);
    padding: 4%;
    transition: all ease .8s;
}
.contat_w .list:hover{
    transform: translateY(-30px);
}
.contat_w .listw{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contat_w .listw h3{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px;
}
.contat_w .listw img{}
.contat_w .listw p{
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 32px;
    color: #666;
}
.new-class{}
.new-class .maeaggs{
    display: block;
}
.maeaggs{padding: 100px 0px;display: none;}
.maeaggs_w{position: relative;}
.maeaggsw{}
.maeaggsw form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.maeaggsw form p{
    margin: 0;
    width: 47%;
    background: #fff;
    margin-bottom: 2%;
    padding: 7px 1%;
    display: flex;
    align-items: center;
}
.maeaggsw form .textarea{
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.maeaggsw form input{
    width: 65%;
    border: 0;
    height: 52px;
    font-size: 20px;
}
.maeaggsw form img{}
.maeaggsw form span{
    font-size: 25px;
    color: #666;
    padding: 0px 12px;
}
.maeaggsw textarea{
    width: 100%;
    border: 0;
    height: 200px;
    font-size: 18px;
    font-family: Arial, 'PingFang SC ', sans-serif;
    padding: 6px 0px;
}
.maeaggsw button{
    width: 236px;
    height: 56px;
    border-radius: 55px;
    border: 0;
    font-size: 25px;
    font-weight: bold;
    background-image: linear-gradient(to right, #333, #888);
    color: #fff;
    cursor: pointer;
}




.list_flw{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list_flw a{
    height: 64px;
    display: block;
    width: 23%;
    background: #fff;
    box-shadow: 0 0 9px rgb(0 0 0 / 5%);
    border-radius: 10px;
    text-align: center;
    line-height: 64px;
    font-size: 25px;
    margin: 0% 1%;
}
.list_flw a.cur{
    background: #333;
    color: #fff;
}
.list_flw a:hover{
    background: #333;
    color: #fff;
}

.news_list_ny{
    padding-bottom: 100px;
}
.news_list_ny > .news_list_ny_k{}
.news_list_ny > .news_list_ny_k a{
    display: flex;
    background: #fff;
    padding: 2%;
    border-radius: 10px;
    margin-bottom: 40px;
    align-items: center;
    justify-content: space-between;
}
.news_list_ny > .news_list_ny_k a .newsfa_left{
    width: 32%;
}
.news_list_ny > .news_list_ny_k a .newsfa_left .newsfa_Img {
    border-radius: 10px;
    overflow: hidden;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news_list_ny > .news_list_ny_k a .newsfa_left .newsfa_Img img{
    width: 100%;
    transition: all ease .8s;
}
.news_list_ny > .news_list_ny_k a:hover .newsfa_left .newsfa_Img img{
    transform: scale(1.1);
}
.news_list_ny > .news_list_ny_k a .newsfa_right{
    width: 57%;
}
.news_list_ny > .news_list_ny_k a .newsfa_right h3{
    font-size: 25px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制显示的行数为3 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list_ny > .news_list_ny_k a .newsfa_right p{
    font-size: 16px;
    font-family: Tahoma;
    padding: 18px 0px;
}
.news_list_ny > .news_list_ny_k a .newsfa_right .newsfa_sum{
    font-size: 19px;
    line-height: 32px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 限制显示的行数为3 */
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_list_ny > .news_list_ny_k a .newsfa_link{
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    transition: all ease 0.8s;
}
.news_list_ny > .news_list_ny_k a .newsfa_link img{
    filter: invert(100%);
    width: auto;
    transition: all ease .8s;
}

.news_list_ny > .news_list_ny_k a:hover .newsfa_link{
    background: #333;
}
.news_list_ny > .news_list_ny_k a:hover .newsfa_link img{
    filter: invert(0%);
}


.news{
    padding: 80px 0px;
}
.newsw{}
.news .nr{
    font-size: 20px;
    line-height: 32px;
    color: #666;
} 
.news .nr img{
    width: auto!important;
    max-width: 100%!important;
    height: auto!important;
    margin: 3% 0%!important;
}

.nr_xs{}
.nr_xsw{
    border-top: solid 1px #eee;
    padding-top: 40px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nr_xswl{
    display: flex;
    align-items: center;
}
.nr_xswl img{
    transform: rotate(180deg);
    padding-left: 23px;
}
.nr_xswr img{
    padding-left: 23px;
}
.nr_xswr{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.nr_xswl,.nr_xswr{
    width: 50%;
    height: 80px;
    background: #eee;
    line-height: 80px;
    padding: 0px 26px;
    font-size: 18px;
    transition: all ease .8s;
    color: #666;
}
.nr_xswl a,.nr_xswr a{
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.nr_xswl img,.nr_xswr img{
    color: #666;
    filter: invert(100%);
    opacity: 0.3;
    transition: all ease .8s;
}

.nr_xswl:hover img,.nr_xswr:hover img{
    filter: invert(0%);
    opacity: 1;
}

.nr_xswl:hover,.nr_xswr:hover{
    background: #333;
    color: #fff;
}
.nr_xswl:hover a,.nr_xswr:hover a{
    color: #fff;
}




.ryzs_list_ny{
    padding-bottom: 100px;
}
.ryzs_list_ny_w{
    display: flex;
    flex-wrap: wrap;
}
.ryzs_list_ny_w .list{
     width: 23%;
     margin-bottom: 4%;
     box-shadow: 0 0 11px 0px rgb(20 20 20 / 15%);
     border-radius: 20px;
     overflow: hidden;
     background: #fff;
     margin: 1%;
}
.ryzs_list_ny_w .list .img{}
.ryzs_list_ny_w .list h4 {
    text-align: center;
    margin-top: 18px;
    color: #666;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}
.ryzs_list_ny_w .list h4 span {
    display: none;
}
.ryzs_list_ny_w .list:hover h4{
    background: #333;
    color: #fff;
}
.ryzs_list_ny_w .list .img img{
    width: 100%;
}

.ldtd_list_ny{
    padding: 100px 0px;
}
.ldtd_list_nyw{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ldtd_list_nyw .list{
    width: 48%;
    border: solid 1px #eee;
 
    margin-bottom: 4%;
}
.ldtd_list_nyw .list a{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   transition: all ease .8s;
}
.ldtd_list_nyw .list a:hover{
    box-shadow: 0 0 19px rgb(0 0 0 / 14%);
    background: #fff;
}
.ldtd_list_nyw .list .img{
    width: 40%;
}
.ldtd_list_nyw .list .img img{
    width: 100%;
}
.ldtd_list_nyw .list .nr{
    width: 50%;
    padding: 5% 5%;
}
.ldtd_list_nyw .list .nr h4{
    font-weight: bold;
    font-size: 30px;
    font-family: Tahoma;
}
.ldtd_list_nyw .list .nr h3{
    font-size: 18px;
    color: #666;
    font-weight: 500;
    padding-top: 12px;
    padding-bottom: 26px;
}
.ldtd_list_nyw .list .nr p{
    font-size: 14px;
    color: #999;
    line-height: 20px;
}
.ldtd_list_nyw .list .nr span{
    font-size: 20px;
    margin-top: 20px;
    display: block;
}


.group_ny{}
.group_nyw{}
.group_nyw .nrli{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.group_nyw .nrli .le{
    width: 47%;
}
.group_nyw .nrli .le .img{}
.group_nyw .nrli .le .img img{
    width: 100%;
}
.group_nyw .nrli .ri{
    width: 50%;
}
.group_nyw .nrli .ri h3{
    font-size: 42px;
    font-weight: bold;
    font-family: Verdana;
}
.group_nyw .nrli .ri .nr{
    font-size: 21px;
    color: #666;
    line-height: 1.6;
    margin-top: 20px;
}

.group_ny_dt {
    margin: 100px 0px;
    position: relative;
    overflow: hidden;
}
.group_ny_dt_an{
    position: absolute;
    width: 100%;
    top: 39%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.group_ny_dt .swiper-button-next{
     position: relative;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    transition: all ease .8s;
    top: 0;
    bottom: 0;
    margin: 0;
}

.group_ny_dt .swiper-button-prev{
    position: relative;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    transition: all ease .8s;
    top: 0;
    bottom: 0;
    margin: 0;
}
.group_ny_dt .swiper-button-next:
    hover,.banner .swiper-button-prev:hover{
    background: #fff;
}
.group_ny_dt .swiper-button-next:
    after,.banner .swiper-button-prev:after {
  font-weight: bold;
    color: #fff;
    font-size: 21px;
}
.group_ny_dt .swiper-button-next:
    hover:after,.banner .swiper-button-prev:hover:after{
    color: #23092b;
}
.group_ny_dt .swiper-button-next:
    after{
      content: 'next';
    font-weight: bold;
}
.group_ny_dt .swiper-button-prev:
    after {
  content: 'prev';
}
.ai_zbt{
    font-size: 48px;
    font-weight: bold;
    font-family: Verdana;
}
.ai_js{
    padding: 100px 0px;
}
.ai_jsw{}
.ai_jsw h2{}
.ai_jsw p{
    font-size: 21px;
    color: #666;
    line-height: 1.8;
    margin-top: 21px;
}

.ai_jsnr{
    background: #f8f8f8;
    position: relative;
}
.ai_jsnrt {
    background: #f5f5f5;
    position: relative;
    min-height: 704px;
}
.ai_jsnrt .swiper-wrapper{
    position: initial;
    min-height: 704px;
}
.ai_jsnr_list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    display: block;
    position: initial;
    min-height: 704px;
    opacity: 0!important;
}
.ai_jsnr_list.swiper-slide-active{
    opacity: 1!important;
}
.ai_jsnr_list .nr{width: 1500px;margin: 0 auto;padding-top: 4%;max-width: 94%;}
.ai_jsnr_list .nr h3{
    font-size: 33px;
}
.ai_jsnr_list .nr p{
    font-size: 17px;
    color: #666;
    line-height: 1.8;
    width: 44%;
    margin: 0;
    margin-top: 21px;
}
.ai_jsnr_list .nr a{
    width: 163px;
    height: 41px;
    display: block;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 50px;
    margin-top: 30px;
    line-height: 41px;
}
.ai_jsnr_list .img{
    width: 50%;
    position: absolute;
    right: 0%;
    top: 0%;
    height: 100%;
}
.ai_jsnr_list .img img{
    height: 100%;
}
.ai_jsnrb{
    position: absolute;
    width: 50%;
    bottom: 9%;
    background: #fff;
    z-index: 99;
    left: 11%;
}
.ai_jsnrb_list {
    display: flex;
    align-items: center;
    padding: 5% 0%;
    cursor: pointer;
}
.swiper-slide-thumb-active.ai_jsnrb_list {
    background: #333;
}
.ai_jsnrb_list h2{
    margin: 0%;
    font-size: 72px;
    width: 44%;
    text-align: center;
}
.ai_jsnrb_list p{
    font-size: 18px;
    color: #666;
    width: 53%;
    margin: 0%;
}
.swiper-slide-thumb-active.ai_jsnrb_list h2{
    color: #fff;
}
.swiper-slide-thumb-active.ai_jsnrb_list p{
    color: #fff;
}

.ai_case{
    padding: 100px 0px;
}
.ai_casew{}
.ai_casew h2{
    margin-bottom: 60px;
}
.ai_casew_list{
    overflow: hidden;
}
.ai_casew_listw{
    height: 100%;
}
.ai_casew_listw .img{
    background: #000;
    height: 416px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ai_casew_listw .img img{
    opacity: 0.5;
    height: 100%;
}
.ai_casew_listw:hover .img img{
    opacity: 0.3;
    
}
.ai_casew_listw .nr{
   
}

.ai_casew_listw .nr a{
     position: absolute;
    width: 74%;
    height: 77%;
    top: 0%;
    z-index: 9;
    padding: 13%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.ai_casew_listw .nr h3{
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ai_casew_listw .nr img{
    opacity: 0;
    transition: all ease .4s;
    background: rgb(255 255 255 / 28%);
    padding: 22px 15px;
    border-radius: 50%;
}
.ai_casew_listw:hover .nr img{
    opacity: 1;
}
.ai_casew_listw .nr p{
    color: #fff;
    width: 100%;
    text-align: right;
    font-size: 18px;
}

.ai_cont{
    position: relative;
}
.ai_cont .nr{
    position: absolute;
    top: 11%;
    right: 6%;
    z-index: 8;
    width: 43%;
}
.ai_cont .nr h2{
    font-size: 41px;
    font-family: Verdana;
}
.ai_cont .nr p{
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin-top: 28px;
    margin-bottom: 27px;
}
.ai_cont .nr a{
    font-size: 23px;
    display: flex;
    align-items: center;
    transition: all ease .8s;
}
.ai_cont .nr a img{
    filter: invert(100%);
    width: 24px;
    margin-left: 15px;
}
.ai_cont .nr a:hover{
    transform: translateX(12px);
}
.ai_cont .img{
    position: relative;
    height: 800px;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}
.ai_cont .img img{
    height: 100%;
    width: auto;
}

.ai_xqnra{}
.xq_a_title{
    font-size: 48px;
    font-weight: bold;
    font-family: Verdana;
}

.xq_a_title_ms{
    font-size: 21px;
    color: #666;
    line-height: 1.8;
    margin-top: 21px;
}
.xq_a_title_ms table{
}
.xq_a_title_ms table tr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eee;
    margin-bottom: 90px;
}
.xq_a_title_ms table td{
    width: 50%;
    overflow: hidden;
    word-break: break-word!important;
}
.xq_a_title_ms table td img{
    width: auto;
    height: 100%;
}
.xq_a_title_ms table h2{
    padding: 0% 8%;
    color: #333;
    font-family: Tahoma;
    margin-bottom: 17px;
    font-size: 26px;
}
.xq_a_title_ms table p{
    padding: 0% 8%;
    text-align: left;
    font-size: 18px;
    line-height: 1.6;
    word-wrap: break-word;
}



.gallery {
    overflow: hidden;
}
.gallery  img{
    width: 100%;
}
.aicase_xq_bt{
   margin-top: 40px;
   border-bottom: solid 1px #eee;
   margin-bottom: 20px;
   padding-bottom: 20px;
}
.aicase_xq_bt h1{
    font-size: 36px;
    font-weight: bold;
    font-family: Tahoma;
    
}
.aicase_xq_bt p{
    font-size: 21px;
    color: #666;
    line-height: 1.8;
    margin-top: 7px;
}
.aicase_xq_nr{
    font-size: 21px;
    color: #666;
    line-height: 1.6;
    margin-top: 21px;
}
.tec_zbt{
    font-size: 37px;
    font-family: Tahoma;
    margin-bottom: 10px;
}
.tec_nrwz{
    font-size: 18px;
    line-height: 1.4;
    color: #666;
}
.section-content{
    padding: 100px 0;
    POSITION: RELATIVE;
}
.section-content:after{
    content:'';
    position: absolute;
    background: url(../images/3125324.png);
    width: 1687px;
    height: 382px;
    top: 2.5%;
    left: 0%;
    background-size: 100%;
    z-index: -1;
}
.section-a{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section-al{
    width: 44%;
    margin-top: 1%;
}
.section-ar{
    width: 50%;
}
.section-al h2{}
.section-al p{}
.section-ar img{
    width: 100%;
}

.section-b{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3%;
    align-items: center;
}
.section-bl{
    width: 44%;
}
.section-bl img{}
.section-br{
    width: 50%;
}
.section-br h2{}
.section-br p{}


.section-c{
    margin-top: 5%;
}

.section-c h2{}
.section-c p{}
.section-c img{}
.section-c .section-img{display: flex;justify-content: space-between;margin-top: 5%;}
.section-c .section-img .img{
    width: 31%;
}
.section-c .section-img .img img{
    width: 100%;
}


.section-d{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}
.section-dl{
    width: 50%;
}
.section-dl img{
    width: 100%;
}
.section-dr{
    width: 46%;
}
.section-dr h2{
    margin: 29px 0px;
}
.section-dr h3{
    font-size: 90px;
    font-family: Tahoma;
    color: #ea9500;
}
.section-dr p{
    margin-bottom: 15px;
}

.clothinga{
    padding: 100px 0px;
}
.clothinga_w{}
.clothinga_w h2{margin-bottom: 25px;}
.clothinga_w  .btnr{
    font-size: 20px;
    line-height: 30px;
    color: #666;
    margin-top: 37px;
}
.clothinga_w .cloud-tools{
} 
.clothinga_w .cloud-tools p{
    width: 49%;
    margin: 0;
    margin-bottom: 2%;
} 
.clothinga_w .cloud-tools img{
    width: 100%;
}
.clothing_bt{
    font-size: 48px;
    font-family: Tahoma;
}
.cloud-tools{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 56px;
}
.cloud-tools .list{
    width: 24%;
}
.cloud-tools .list .img{}
.cloud-tools .list .img img{
    width: 100%;
}
.cloud-tools .list h3{
    text-align: center;
    font-size: 19px;
    font-family: Tahoma;
    font-weight: 500;
    padding: 20px 0px;
}
.cloud-tools .list p{
    text-align: center;
    font-size: 19px;
    color: #666;
    line-height: 1.3;
}

.clothingb{}
.clothingb_w{}
.clothingb_w h2{
    margin-bottom: 30px;
}
.clothingb_w .clothing_fbt{
    text-align: left;
    font-size: 21px;
    color: #666;
    line-height: 1.3;
    margin-bottom: 60px;
}
.production-process{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.production-process > div{
    text-align: center;
}
.production-process > div img{
    max-width: 100%;
}
.production-process > div h3{
    font-size: 42px;
    font-weight: bold;
    padding: 10px 0px;
}
.production-process > div p{
    font-size: 23px;
}

.clothingc{
    padding: 100px 0px;
}
.clothingc_w{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.clothingc_w .nr{
    width: 56%;
}
.clothingc_w .nr h2{}
.clothingc_w .nr ul{
    padding-left: 3%;
}
.clothingc_w .nr ul li{
    font-size: 23px;
    font-weight: bold;
    line-height: 2.4;
    display: flex;
    align-items: center;
}
.clothingc_w .img{
    width: 40%;
}
.clothingc_w .img img{
    width: 100%;
}

.clothingc_w .nr ul li:before{
    content:'';
    width: 29px;
    height: 29px;
    background: #000;
    border-radius: 50%;
    margin-right: 15px;
}
.aicase_xq_nr img {
    max-width: 100%;
}
.group_ny_dt img {
    width: 100%;
}

.ldtd_xq {
    display: flex;
    justify-content: space-between;
    padding: 100px 0px;
}
.ldtd_xql{
    width: 31%;
}
.ldtd_xql img{
    width: 100%;
}
.ldtd_xqr{
    width: 65%;
    margin-top: 3%;
}
.ldtd_xqr h2{
    font-size: 36px;
}
.ldtd_xqr h3{
    font-size: 24px;
    color: #666;
    border-bottom: solid 2px #eee;
    margin-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ldtd_xqr .nra{
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}
.ldtd_xqr .nrb{
    margin-top: 2%;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}
.message{
    position: fixed;
    width: 16%;
    background: #fff;
    font-size: 18px;
    box-shadow: 0 0 11px 1px rgb(0 0 0 / 16%);
    left: 42%;
    top: 46%;
    padding: 19px 0px;
    border-radius: 10px;
    display: none;
    text-align: center;
}
.message img{
    width: 35px;
    padding-right: 18px;
}

#message{
    position: fixed;
    width: 16%;
    background: #fff;
    font-size: 18px;
    box-shadow: 0 0 11px 1px rgb(0 0 0 / 16%);
    left: 42%;
    top: 46%;
    padding: 19px 0px;
    border-radius: 10px;
    text-align: center;
    display: none;
}
.news .nr p, .news .nr span {
    text-wrap-mode: wrap !important;
}
.sldf{
    border-top: solid 1px #eee;
    padding-top: 3%;
    margin-top: 3%;
}

.about_ry_gd{
    overflow-x: auto;
    padding-bottom: 35px;
}
.about_ry_gdw{
    display: flex;
    width: 3510px;
}
.about_ry_gdw .award-item{
    margin-right: 10px;
}
.nr_xswr a {
    text-align: right;
}