body,ol,ul,li,h1,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; color:#000000;}

img{border:0; /*vertical-align:top*/}

li{list-style:none}

iframe{border:none}

em{ font-style:normal;}

html{height:100%;font-size:14px;}

body{height:100%;font:400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;}

a{color: #000000;text-decoration:none}a:hover{color:inherit;text-decoration: none;}.cf:after,.cf:before{content:" ";display:table}.cf:after,.clearfix:after{clear:both}.fl{float:left}.fr{float:right}h1,h2,h3,h4,h5{font-size:100%;font-weight:normal}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.bold{font-weight:bold}

.mp80{margin-top:80px;}

.tl{text-align:left;}.tr{text-align:rigt!important;}

.clr{width:100%; font-size:1px; line-height:10px; clear:both;}





/* 弹性 */

.flex{

    display: flex;

}

.flex_it{

    display: flex;

    align-items: center;

}

.flex_sp{

    display: flex;

    justify-content: space-between;

}

.flex_itsp{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



/*  */



.container{

    /* max-width: 1600px; */

    max-width: 90%;

}

/* 顶部 */

.headbox-ul .headbox-item>a{

    font-size: 20px;

    line-height: 20px;

    color: #332C2B;

    padding: 10px 40px;

    

}

.headbox-right{

    width: 87%;

}

.headbox{

    padding: 10px 0;

}

.headbox-ul .headbox-item.togg:hover >a{

    background: #e70012;

    color: #ffffff;

}

.headbox-ul .headbox-item.togg:hover ul{

    display: block;

}

.headbox-item{

    position: relative;

}

.headbox-item ul{

    display: none;

    position: absolute;

    top: 33px;

    left: 0;

    width: 100%;

    background: #ffffff;

    z-index: 999;

    border: 1px solid rgba(0, 0, 0, .15);

}

.headbox-item ul li a{

    font-size: 15px;

    padding: 10px 40px;

    display: inline-block;

    width: 100%;

    text-align: center;

}



.head-ss>img{

    margin-left: 20px;

}

.kjdhbox{

    padding: 0 40px;

    position: fixed;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #252525;

    z-index: 999;

    transform:translateX(100%);

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.kjdhbox.openpc{

    transform: translateX(0);

}

.kjdhbt{

    margin-top: 10%;

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

}

.kjdhqx{

    margin: 20px 0;

}

.kjdhnr{

    align-items: center;

    

}

.kjdhnr>.foot-c-left{

    width: 100%;

}

.kjdhshow{

    width: 90%;

    margin: 0 auto;

}

.foot-cen.kjdhnr{

    border-top: none;

    border-bottom: none;

}

.kjdhqx>img{

    cursor: pointer;

}

.head-ss>img{

    cursor: pointer;

}



/* 轮播图 */

.bannerpic img{

    width: 100%;

    height: calc(100vh - 100px);

}

.bannerSwiper .swiper-pagination-bullet{

    width: 15px;

    height: 15px;

    background: #ffffff;

    opacity: 1;

    margin: 20px !important;

}

.bannerSwiper .swiper-pagination-bullet-active{



    position: relative;

    

}

.bannerSwiper .swiper-pagination-bullet-active::after{

    content: '';

    height: 25px;

    width: 25px;

    border: 1px solid #ffffff;

    display: inline-block;

    border-radius: 50%;

    top: -5px;

    left: -5px;

    position: absolute;

}



/* foot */

.foot{

    background: #252525;

    padding: 30px 0 10px 0;

}

.foot-cen{

    margin-top: 15px;

    padding-top: 40px;

    padding-bottom: 10px;

    border-top: 1px solid #515151;

    border-bottom: 1px solid #515151;

}

.foot-c-ul-bt{

    color: #ffffff;

    font-weight: bold;

    font-size: 20px;

    margin-bottom: 40px;

}

.foot-c-ul-child>a{

    font-size: 16px;

    color: #ADADAD;

    margin-bottom: 10px;

    transition: all 1s;

}

.foot-c-ul-child>a:hover{

    transform: translateX(10px);

    

}

.foot-c-ul-child{

    display: flex;

    flex-direction: column;

}

.foot-c-left{

    width: 70%;

}

.foot-c-right{

    width: 24%;

}

.foot-c-r-tel{

    font-size: 36px;

    color: #E70012;

    line-height: 36px;

}

.foot-c-r-timebox, .foot-c-r-adress{

    font-size: 16px;

    line-height: 20px;

    color: #ADADAD;

}

.foot-c-r-timebox>img{

    width: 13px;

    height: 16px;

    margin-right: 10px;

}

.foot-c-r-timebox{

    margin: 10px 0 30px 0;

}

.foot-bottom>a, .foot-b-bq{

    color: #5D5D5D;

}

.foot-bottom{

    justify-content: center;

    margin-top: 10px;

}

.foot-bottom a:nth-child(3){

    margin: 0 20px;

}

.foot-bottom>a>img{

    margin-right: 6px;

}

.foot-b-bq{

    margin-right: 20px;

}





/* show1 */

.show1{

    background-image: url('../images/bjpic.jpg');

    background-size: 100% 850px;

    height: 850px;

}

.show-titlebox{

    text-align: center;

    margin: 70px 0 0 0;

}

.show-titlebox .show-title{

    font-weight: bold;

    font-size: 48px;

    line-height: 48px;

    color: #332C2B;

}

.show-titlebox .show-ms{

    font-size: 24px;

    line-height: 24px;

    color: #332C2B;

    margin: 22px 0 30px 0;

}

.show-titlebox>a{

    font-size: 16px;

    line-height: 16px;

color: #ADADAD;

justify-content: center;

margin: 0 auto;

    width: fit-content;

}

.show-titlebox>a>.show-morebt{

    margin-right: 10px;

}



.show1Swiper .bannerpic{

    margin: 0 auto;

    width: 900px;

    height: 600px;

}

.show1Swiper .bannerpic>img{

    width: 100%;

    height: 100%;

}

.show1Swiper{

    height: 600px;

}

.show1Swiper .swiper-pagination-bullet{

    display: block;

    width: 16px;

    height: 16px;

    background: #ADADAD;

    opacity: 1;

    margin: 42px 20px !important;

}

.show1Swiper .swiper-pagination-bullet-active{

    background: #000000;

    position: relative;

    

}

.show1Swiper .swiper-pagination-bullet-active::after{

    content: '';

    height: 30px;

    width: 30px;

    border: 1px solid #000000;

    display: inline-block;

    border-radius: 50%;

    top: -7px;

    left: -7px;

    position: absolute;

}



.show1box-banner{

    position: relative;

}





.product-names {

    position: absolute;

    right: 80px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}



.product-name {

    font-size: 16px;

    color: #ADADAD;

    margin: 8px 0;

    /* opacity: 0.5; */

    transition: all 0.3s ease;

    text-align: right;

    padding: 5px 10px;

    border-radius: 4px;

}



.product-name.active {

    font-size: 24px;

    color: #332C2B;

    opacity: 1;

    font-weight: bold;

    background: rgba(255, 255, 255, 0.2);

}





.show1Swiper .swiper-button-next::after{

    content: '';

    width: 35px;

    height: 35px;

    background-image: url('../images/jtbottom-icon.png');

    

}

.show1Swiper .swiper-button-next, .swiper-button-prev{

    width: 35px;

    height: 35px;

}

.show1Swiper .swiper-button-next{

    top: 80%;

    right: 20px;

}



.show1Swiper .swiper-button-prev::after{

    content: '';

    width: 35px;

    height: 35px;

    background-image: url('../images/jttop-icon.png');

}

.show1Swiper .swiper-button-prev{

    top: 22%;

    right: 20px;

    left: auto;

}



/* show2 */

.show2box .show2box-item{

    width: 25%;

    position: relative;

    overflow: hidden;

}

.show2box .show2box-item>img{

    width: 100%;

    /* height: 800px; */

    transition: all .5s;

}

.show2box .show2box-item:hover img{

    transform: scale(1.2);

}

.show2box-wzbox{

    position: absolute;

    top: 0;

    left: 0;

    padding: 80px 50px;

}

.show2box-wzbox .show2box-bt{

    font-weight: bold;

    font-size: 30px;

    color: #FFFFFF;

}

.show2box-wzbox .show2box-ms{

    margin: 30px 0 40px 0;

    font-size: 16px;

    line-height: 24px;

    color: #FFFFFF;

}

.hr-r{

    width: 24px;

    height: 5px;

    background: #ffffff;

}



/* show3 */

.show3box-l-n-item{

    display: flex;

    align-items: center;

}

.show3box-left{

        width: calc(100% - 48%);

}

.show3box-l-bt{

    font-weight: bold;

    font-size: 48px;

    line-height: 60px;

    color: #332C2B;

}

.show3box-l-ms{

    font-size: 18px;

    color: #ADADAD;

}

.show3box-l-n-bt{

    font-weight: bold;

    font-size: 36px;

    color: #E70012;

    line-height: 36px;

}

.show3box-l-ms{

    margin: 50px 0;

    font-size: 16px;

    color: #332C2B;

        display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}

.show3box{

    padding: 80px 0;

}

.show3box-l-n-item .show3box-l-n-box{

    padding-left: 10px;

}

.show3-more a{

    overflow: hidden;

    width: fit-content;

    display: flex;

    align-items: center;

    

    font-size: 16px;

    color: #332C2B;

    padding: 5px 10px;

    border-radius: 24px;

    border: 1px solid #E5E5E5;

    /* background: #ffffff; */

    position: relative;

}

.show3-more a::before{

     content: '';

    position: absolute;

    top: 0;

    left: 100%;

    width: 100%;

    height: 100%;

    background: #E70012;

    transition: left 1s ease;

    z-index: -1;

    border-radius: 24px;



}

.show3-more a:hover::before{

    left: 0;

    /* background: #E70012; */

    

}

.show3-more a:hover{

    color: #ffffff;

}

.show3-more{

    margin-top: 60px;

}

.show3-more a .show3-more-bt{

    margin: 0 30px;

}

.show3box-right{

    width: 44%;

    border-radius: 20px;

    overflow: hidden;

}

.show4box-title{

    font-weight: bold;

    font-size: 48px;

    line-height: 48px;

    color: #332C2B;

}

.show4box-titlebox>a{

    font-size: 16px;

    color: #ADADAD;

}

.show4box-morebt{

    margin-right: 10px;

}

.show4box-time{

    color: #332C2B;

    width: 100px;

}

.show4box-time .show4box-time-m{

    font-size: 30px;

    line-height: 30px;

    padding-bottom: 15px;

}

.show4box-time .show4box-time-y{

    font-size: 18px;

    line-height: 18px;

    

}

.show4box-bbox .show4box-bbox-bt{

    font-weight: bold;

    font-size: 24px;

    line-height: 30px;

    color: #332C2B;

    margin-bottom: 16px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}

.show4box-bbox .show4box-bbox-ms{

    font-size: 16px;

    line-height: 20px;

    color: #ADADAD;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}

.show4box-n-box{

    padding: 20px;

    border-left: 1px solid #E5E5E5;

}

.show4box-titlebox{

    margin-bottom: 60px;

}

.show4box-nav>a{

    width: 30%;

}

.show4box-nav>a:hover{

    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.29);

}



.show4box-nav>a:hover .show4box-bbox-bt{

    color: #E70012;

}

.show4box-nav>a:hover .show4box-n-box {

    border-left: 1px solid #E70012;







}



.show4box-bbox{

    width: calc(100% - 100px);

}



.show4box{

    margin-bottom: 80px;

}





/* show5 */

.show5{

    background-image: url('../images/show5bj.jpg');

    background-repeat: no-repeat;

    background-size: 100% 844px;

}

.show5box .show-titlebox .show-title, .show5box .show-titlebox .show-ms, .show5box .show-titlebox>a{

    color: #ffffff;

}

.show5 .show-titlebox{

    text-align: right;

}

.show5 .show-titlebox>a{

    /* justify-content: end; */

    margin-right: 0;

}

.show5 .show-titlebox .show-ms{

    padding-bottom: 80px;

}



.show5box-nav{

    margin: 30px 0 92px 0;

    width: 69%;

    float: right;

    display: grid;

    grid-template-columns: 18.5% 18.5% 18.5% 18.5% 18.5%;

    justify-content: space-between;

}



.show5box-n-item>img{

    width: 100%;

    height: 120px;

}

.show5box-n-item{

    

    margin-top: 20px;

    border: 2px solid;

}

.show5box-n-item:hover{

    border: 2px solid #E70012;

    box-shadow: 0px 2px 10px 0px #E70012;

}

.show5box-jmbox{

    width: 100%;

    height: 100%;

    background: #E70012;

    justify-content: center;

}

.show5box-jm{

    padding-left: 10px;

    font-weight: bold;

    font-size: 24px;

    color: #FFFFFF;

}



/* show6 */

.show6{

    

    background-image: url('../images/show6bj.jpg');

    background-repeat: no-repeat;

    background-size: 100% 394px;

}

.show6box-item{

    text-align: center;

    color: #ffffff;

}

.show6box-item .show6box-i-title{

    padding-bottom: 20px;

    font-weight: bold;

    font-size: 24px;

    line-height: 24px;

    color: #FFFFFF;

}

.show6box-item .show6box-i-ms{

    font-weight: bold;

    font-size: 36px;

    line-height: 36px;

    color: #FFFFFF;

}



.show6box{

    margin: 157px 0;

}







/* 服务案例========================= */

.nrbanner{

    position: relative;

}

.nrbanner>img{

    width: 100%;

}

.nrbannerbox{

    position: absolute;

    left: 6%;

    top: 50%;

}

.nrbanner-wzbt{

    font-weight: bold;

    font-size: 40px;

    line-height: 46px;

    color: #FFFFFF;

}

.nrbanner-wzms{

    /* font-weight: bold; */

    font-size: 40px;

    line-height: 46px;

    padding-top: 10px;

    color: #FFFFFF;

}

.case-titlebox{

    margin-top: 20px;

    margin-bottom: 40px;

}

.case-titlebox .case-title span, .case-titlebox .case-title>a{



    color: #ADADAD;

}

.case-titlebox>img{

    margin-right: 10px;

}

.casebox-nav{

    display: grid;

    grid-template-columns: 19% 19% 19% 19% 19%;

    justify-content: space-between;

}

.casebox-nav .casebox-n-item>img{

    width: 100%;

    height: 178px;

}

.casebox-nav .casebox-n-item{

    

    margin-top: 20px;

    border: 2px solid #F4F4F4;

}

.casebox-nav .casebox-n-item:hover{

    border: 2px solid #E70012;

    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.29);

}



/* 人才战略================= */

.strategynr-bt{

    font-size: 36px;

    color: #332C2B;

    text-align: center;

    padding-bottom: 50px;

}

.strategynr-ms{

    font-size: 18px;

    color: #332C2B;

    line-height: 36px;

    padding: 80px 50px;

    margin-bottom: 50px;

    background: #F4F4F4;

    text-align: justify;

}

.strate-ssbox form{

    width: fit-content;

    position: relative;

    font-size: 18px;

}

.strate-ssbox form>input{

    width: 490px;

    padding: 10px 30px;

    background: #F4F4F4;

    border: none;

}

.strate-ssbox form>button{

    position: absolute;

    right: -116px;

    padding: 10px 40px;

    border: none;

    background: #E60012;

    color: #ffffff;

}

.strate-ssbox form>input:focus{

    outline: none;

}

.strate-ssbox{

    margin: 60px 0;

}



.strate-item{

    font-size: 18px;

    color: #8D8D8D;

}

.strate-item .strate-i-bt{

    width: 200px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.strate-item .strate-i-bt:nth-child(1){

    color: #000000;

    

}

.strate-item .strate-i-bt:nth-child(2){

    color: #E60012;

}

.strate-list a{

    display: block;

    padding: 20px;

    border-bottom: 1px dashed #EFEFEF;

}

.strate-list{

    margin-bottom: 90px;

}



/* 新闻资讯========================== */

.newsnr-left{

    width: 63%;

    

}

.newsnr-left .newsnr-l-top>a{

    font-size: 24px;

    color: #ADADAD;

    padding: 0 30px;

    padding-bottom: 19px;

    margin-right: 90px;

    

}

.newsnr-left .newsnr-l-top>a:hover{

    color: #E70012;

}

.newsnr-right{

    width: 33%;

}

.newsnr-left .newsnr-l-top{

    margin-top: 20px;

    padding-bottom: 14px;

    border-bottom: 1px solid #F4F4F4;

}

.newsnr-l-top a.active{

    /* font-size: 24px; */

    color: #E70012 !important;

    border-bottom: 3px solid #E70012;

}

.newsnr-l-c-r .newsnr-l-c-rbt{

    font-weight: bold;

    font-size: 24px;

    line-height: 24px;

    padding-bottom: 26px;

    color: #332C2B;

        white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.newsnr-l-c-r .newsnr-l-c-rms{

    font-size: 16px;

    line-height: 26px;

    color: #ADADAD;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}

.newsnr-l-c-time{

    text-align: center;

    width: 110px;

    border: 1px solid #E70012;

}

.newsnr-l-c-r{

    width: calc(100% - 150px);

}

.newsnr-l-c-time .newsnr-l-c-t-m{

    font-weight: bold;

    font-size: 24px;

    color: #FFFFFF;

    padding: 4px;

    background: #E70012;

}

.newsnr-l-c-time .newsnr-l-c-t-y{

    font-size: 18px;

    color: #E70012;

    padding: 9px;

}



.newsnr-l-center a{

    display: block;

    margin: 40px 0;

    

}



.newsnr-l-citem{

    padding-bottom: 40px;

    border-bottom: 1px solid #F4F4F4;

}



.newsnr-r-top{

    font-size: 24px;

    line-height: 30px;

    color: #332C2B;

    /* border-left: 6px solid #E70012; */

    

    padding-bottom: 30px;

    border-bottom: 1px solid #F4F4F4;

}

/* .newsnr-r-top span{

    display: inline-block;

    width: 6px;

    height: 30px;

    background: #E70012;

} */

.newsnr-r-topbb{

    padding-left: 20px;

    border-left: 6px solid #E70012;

}

.newsnr-t-navbox a>span{

    display: inline-block;

    width: 10px;

    height: 10px;

    background: #e5e5e5;

    border-radius: 50%;

}

.newsnr-t-navbt{

    font-weight: bold;

    font-size: 18px;

    line-height: 18px;

    color: #332C2B;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.newsnr-t-navms{

        height: 58px;

    font-size: 16px;

    line-height: 26px;

    color: #ADADAD;

    margin: 20px 0 10px 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}

.newsnr-t-navtime{

    color: #adadad;

}

.newsnr-t-navtop{

    padding: 20px;

    margin-top: 28px;

    /* padding-left: 30px; */

    position: relative;

    /* padding-bottom: 30px; */

    border-bottom: 1px solid #f4f4f4;

}

.newsnr-t-navtop .newsnr-t-navbt::after{

    position: absolute;

    left: 0;

    top: 28px;

    content: '';

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #e5e5e5;

}



.cooperative-left{

    width: 50%;

    background-image: url('../images/hzjmbj.jpg');

    background-position: center;

    background-repeat: no-repeat;

    /* background-size: 100%; */

    background-position: center;

}

.cooperative-lbox .cooperative-bt{

    font-size: 24px;

    line-height: 24px;

    color: #ffffff;

    border-left: 6px solid #E70012;

    padding-left: 20px;

    margin-bottom: 60px;

}

.cooperative-lbox .cooperative-ms{

    font-size: 18px;

    color: #ffffff;

}

.cooperative-lbox{

    padding: 100px;

}

.cooperative-msp{

    margin-bottom: 10px;

}

.cooperative-right{

    width: 46%;

}

.cooperative-right form{

    display: flex;

    flex-direction: column;

    gap: 34px;

}

.cooperative-right form label{

    font-size: 18px;

    color: #ADADAD;

}

.cooperative-right form label input{

    width: 86%;

    border: none;

    background: #F4F4F4;

    padding: 7px 20px;

}

.cooperative-right form label input:focus{

    outline: none;

}

.cooperative-right form button{

    border: none;

    background: #E60012;

    color: #ffffff;

    padding: 11px 0;

}

.cooperative-right form label textarea:focus{

    outline: none;

}

.cooperative-right form label textarea{

    width: 86%;

    padding: 20px;

    line-height: 22px;

    background: #F4F4F4;

    border: none;

}

.cooperative{

    margin-bottom: 70px;

}



/* 联系我们===================== */

.contact{

    text-align: center;

}

.contact-name{

    margin-bottom: 40px;

    font-size: 36px;

    line-height: 40px;

    color: #332C2B;

}

.contact-ms{

    font-size: 18px;

    line-height: 20px;

    color: #ADADAD;

    margin-bottom: 10px;

}

.contact-ms .contact-msb{

    padding-bottom: 10px;

}

.contact-fbt{

    width: 56%;

    margin: 0 auto;

    padding: 70px 0 50px 0;

    font-size: 18px;

    line-height: 30px;

    color: #ADADAD;

    text-align: center;

}

.contact-form{

    margin-bottom: 70px;

}



/* 公司概况================= */

.company-jbt{

    padding-bottom: 20px;

    font-size: 36px;

    line-height: 38px;

    color: #332C2B;

    margin-bottom: 60px;

}

.company-jbt span{

    margin-right: 10px;

    padding-bottom: 20px;

    border-bottom: 2px solid #e70012;

}

.company-jms{

    font-size: 18px;

    line-height: 30px;

    color: #ADADAD;

    text-align: justify;

}



.company-num{

    position: relative;

    font-size: 80px;

    line-height: 80px;

    font-weight: bold;

     background: linear-gradient(90deg, #E70012, #FFBC74); 

    /* background-size: 200% 100%; */

    background-position: 0% 0%;

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    transition: background-position 0.5s ease; 

}

.company-nms{

    font-size: 18px;

    line-height: 20px;

    color: #332c2b;

    padding-top: 20px;

}



.company-num>span{

    position: absolute;

    right: -28px;

    top: -26px;

    font-weight: bold;

font-size: 30px;

color: #E70012;

-webkit-text-fill-color: #E70012;

}





.company-numbox .company-numitem{

    text-align: center;

    /* width: 130px; */

}

.company-numbox{

    margin: 70px 0;

}

.company-jleft{

    /* padding-right: 40px; */

}



.company-wh-item{

    padding: 50px 0;

    width: 25%;

    text-align: center;

    border-right: 1px solid #e5e5e5;

}

.company-wh-item:last-child{

    border-right: none;

}

.company-wh-bt{

    font-weight: bold;

    font-size: 30px;

    color: #332c2b;

}

.company-wh-ms{

    height: 50px;

    font-size: 18px;

    color: #ADADAD;

    padding: 40px 0 90px 0;

}

.company-wh{

    margin-bottom: 90px;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

}



.com-show1-pic{

    margin-bottom: 90px;

    padding: 132px 0;

    height: 400px;

    width: 100%;

    background-image: url('../images/company-bj.jpg');

    background-repeat: no-repeat;

    background-size: 100% 400px;

}

.com-show1-pic2{

    margin-bottom: 90px;

}

.com-show1-pic2>img{

    width: 100%;

}

.com-show1-nr>img{

    width: 88%;

}

.com-show1box .com-show1bt{

    font-size: 36px;

    color: #332C2B;

    padding-bottom: 35px;

}

.com-show1-nr-bt{

    font-size: 24px;

    line-height: 24px;

    color: #332C2B;

    padding-bottom: 28px;

    margin-bottom: 40px;

}

.com-show1-nr-bt span{

    padding-bottom: 28px;

    border-bottom: 2px solid #E70012;

}



.com-show1-nr{

    width: 60%;

}



.com-show2-pic{

    width: 140px;

    height: 140px;

    overflow: hidden;

    border-radius: 50%;

}

.com-show2-pic>img{

    width: 100%;

    height: 100%;

}

.com-show2-item{

    width: 49.5%;

    background: #f4f4f4;

    padding: 30px;

    margin-top: 20px;

}

.com-show2-item:hover{

    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50,0.29)

}

.com-show2-item:nth-child(1), .com-show2-item:nth-child(2){

    margin-top: 0;

}

.com-show2-right{

    width: calc(100% - 160px);

}



.com-show2-right .com-show2-r-bt{

    font-weight: bold;

    font-size: 24px;

    color: #332C2B;

    line-height: 24px;

    margin-bottom: 20px;

}

.com-show2-right .com-show2-r-ms{

    font-size: 18px;

    line-height: 24px;

    color: #ADADAD;

}



.com-show2box{

    flex-wrap: wrap;

    margin-bottom: 90px;

}



.com-show4slide{

    padding: 15px;

    background: #f4f4f4;

}

.com-show4slide:hover .com-show4-name{

    color: #E70012;

}

.com-show4slide>img{

    width: 100%;

    height: 450px;

}

.com-show4-name{

    margin-top: 20px;

    font-size: 18px;

    color: #332C2B;

    text-align: center;

}

.com-show4zs{

    overflow: hidden;

    margin-bottom: 90px;

}



.com-show3sl-ms{

    font-size: 18px;

    color: #332C2B;

}

.com-show3sl-bt{

    font-weight: bold;

    font-size: 253px;

    color: #F4F4F4;

}

.com-show3slide{

    text-align: center;

}

.lcSwiper .swiper-button-next:after, .lcSwiper .swiper-button-prev:after{

    content: '';

    width: 50px;

    height: 50px;

    background-repeat: no-repeat;

    background-size: 50px 50px;

}

.lcSwiper .swiper-button-next:after{

    

    background-image: url(../images/lc-right.png);

}

.lcSwiper .swiper-button-prev:after{

    

    background-image: url(../images/lc-left.png);

    

}

.lcSwiper .swiper-button-prev:hover::after{

    

}

.lcSwiper .swiper-button-next, .lcSwiper .swiper-button-prev{

    width: 50px;

    height: 50px;

    top: 54% !important;

}



.lcSwiper .swiper-pagination-bullet{

    margin: 10px 110px !important;

    width: 10px;

    height: 10px;

}



.lcSwiper .swiper-horizontal>.swiper-pagination-bullets, .lcSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{

    bottom: 208px !important;

}



.nf-names{

    position: absolute;

}

.com-show3lc{

    position: relative;

}

.nf-names .nf-name{

    display: inline-block;

}



.lcSwiper .swiper-pagination-bullet-active{

    background: #E70012;  

}

.lc-hr{

    position: absolute;

    top: 54.3%;

    left: 0;

    width: 100%;

    height: 1px;

    background: #F4F4F4;

}

.lcSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .lcSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    transform: scale(1);

}

.lcSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    transform: scale(1);

}

.lcSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    transform: scale(1);

}



.lcSwiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{

    opacity: 1;

}



/* 文字分页器样式 */

        /* .text-pagination {

            display: flex;

            justify-content: center;

            gap: 20px;

            margin-top: 20px;

        }

        

        .text-pagination-item {

            padding: 12px 24px;

            background-color: #f0f2f5;

            border-radius: 30px;

            font-size: 18px;

            font-weight: 500;

            cursor: pointer;

            transition: all 0.3s ease;

            color: #555;

            border: 2px solid transparent;

        }

        

        .text-pagination-item:hover {

            background-color: #e1e5eb;

        }

        

        .text-pagination-item.active {

            background-color: #2575fc;

            color: white;

            border-color: #1a68e8;

            box-shadow: 0 4px 12px rgba(37, 117, 252, 0.3);

        } */

















/* 手机============================ */

/* 手机顶部 */

.sj-navtopbox{

    padding: 12px 20px;

    background: #ffffff;

}

.sj-navtopbox-left>img{

    width: 120px;

}

.sj-navtopbox-right>img{

    width: 40px;

}



/* 手机轮播图 */

.sj-banner-slidebox>img{

    width: 100%;

}



.sj-showt-bt{

    font-weight: bold;

    font-size: 30px;

    line-height: 30px;

    color: #332C2B;

}

.sj-showt-ms{

    font-size: 16px;

    line-height: 20px;

    color: #332C2B;

    padding: 20px 0 30px 0;

}

.sj-showt-morebt{

    font-size: 14px;

    margin-right: 10px;

    color: #ADADAD;

}

.sj-showtop{

    text-align: center;

    padding: 60px 0 70px 0;

}

.sj-showt-more{

    justify-content: center;

}

.sj-show1{

    background-image: url('../images/sjshow1.jpg');

    background-repeat: no-repeat;

    background-size: 100% 575px;

}

.sjbannerSwiper .swiper-pagination-bullet-active{

    position: relative;

    background: #ffffff;

}

.sjbannerSwiper .swiper-pagination-bullet-active::after{

    content: '';

    height: 18px;

    width: 18px;

    border: 1px solid #ffffff;

    display: inline-block;

    border-radius: 50%;

    top: -4px;

    left: -4px;

    position: absolute;

}

.sjbannerSwiper .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

    margin: 0px 10px !important;

}



.sjshow1Swiper .swiper-pagination-bullet-active{

    background: #E70012 !important;

}

.sj-show1-slidebox>img{

    width: 80%;

}

.sj-show1-slidebox{

    text-align: center;

}

/* .sj-show1boxnr{

    padding-bottom: 50px;

} */

.sjshow1Swiper .swiper-wrapper{

    padding-bottom: 60px;

}



.sj-show1-slidebt{

    margin-top: 80px;

    font-size: 18px;

    line-height: 20px;

}

.sjshow1Swiper .swiper-pagination-bullet{

    margin: 0 8px;

}



.sj-show2-slidebt{

    font-size: 30px;

    line-height: 34px;

    color: #ffffff;

}

.sj-show2-slidems{

    font-size: 16px;

    line-height: 20px;

    padding: 20px 0;

    color: #ffffff;

}

.sj-show2-hr{

    width: 40px;

    height: 4px;

    background: #ffffff;

}

.sjshow2Swiper .swiper-slide{

    padding: 60px 30px;

    height: 575px;

}



.sjshow2Swiper .swiper-pagination-bullet-active {

    background: #E70012 !important;

}

.sjshow2Swiper .swiper-pagination-bullet{

    background: #ffffff;

    opacity: 1;

    margin: 0 8px;

}



.sjts{

    padding-bottom: 20px;

    color: #ffffff;

}

.sj-show3box{

    height: 575px;

}

.sjbtts .sj-showt-morebt{

    color: #ffffff;

}

.sjbtts>img{

    filter: drop-shadow(150px 0 #ffffff);



    transform: translateX(-150px);

}

.sjbtts{

    margin: 0 auto;

    width: fit-content;

    overflow: hidden;

}



/* sj-show6 */

.sj-show6tbt{

    font-size: 30px;

    line-height: 34px;

    color: #ffffff;

    padding-top: 100px;

}

.sj-show6tms{

    padding: 20px 0 30px 0;

    font-size: 16px;

    line-height: 20px;

    color: #ffffff;

}

.sj-show6t-morebt{

    color: #ffffff;

}

.sj-show6top{

    text-align: right;

}



.sj-show6box{

    background-image: url('../images/sjshow6bj.jpg');

    background-repeat: no-repeat;

    background-size: 100% 575px;

    height: 574px;

    padding: 0 20px;

}

.sj-show6t-more{

    width: fit-content;

    overflow: hidden;

    float: right;

}

.sj-show6t-morebt{

    margin-right: 10px;

}

.sj-show6t-more>img{

    filter: drop-shadow(150px 0 #ffffff);



    transform: translateX(-150px);

}



.sj-show6boxnr-nav{

    width: 100%;

    /* gap: 10px; */

    flex-wrap: wrap;

}

.sj-show6boxnr-item{

    width: 31%;

    margin-bottom: 10px;

}

.sj-show6boxnr-item>img{

    width: 100%;

    height: 60px;

}



.sj-show6boxnr{

    margin-top: 90px;

}



.sj-show6-jm{

    background: #E70012;

    padding: 18px 0;

    justify-content: center;

}

.sj-show6-jmbt{

    color: #ffffff;

}

.sj-show6-jm>img{

    width: 20px;

    margin-right: 5px;

}

.sj-show6-jmbt{

    font-size: 13px;

}

.sj-show7box-bt{

    font-weight: bold;

    font-size: 18px;

    color: #FFFFFF;

}

.sj-show7box-ms{

    font-weight: bold;

    font-size: 26px;

    color: #FFFFFF;

}

.sj-show7box{

    padding: 100px 20px;

    height: 574px;

    background-image: url('../images/sjshow7bj.jpg');

    background-repeat: no-repeat;

    background-size: 100% 575px;

}



.sj-show7box-item{

    margin-top: 70px;

}

.sj-show7box-item:first-child{

    margin-top: 0;

}



/* 手机底部栏 */

.sj-footbox-tel{

    font-size: 30px;

    line-height: 30px;

    color: #E70012;

}



.sj-footbox-time{

    font-size: 16px;

    line-height: 18px;

    color: #ADADAD;

    padding: 15px 0 25px 0;

}

.sj-footbox-time>img{

    margin-right: 10px;

}

.sj-footbox-adress{

    padding-bottom: 40px;

    font-size: 16px;

    line-height: 24px;

    color: #ADADAD;

    border-bottom: 1px solid #3F3F3F;

}

.sj-footbox-bt{

    font-size: 17px;

    color: #FFFFFF;

}

.sj-footbox-btbox>span{

    color: #ffffff;

    font-size: 36px;

}

.sj-footbox{

    padding: 50px 20px;

    background: #252525;

}

.sj-footbox-btbox{

    border-bottom: 1px solid #3F3F3F;

}

.sj-footbox-bqbox, .sj-footbox-bqbox>a{

    color: #5d5d5d;

    font-size: 16px;

    line-height: 20px;

}

.sj-footbox-bqbox{

    padding-top: 30px;

}

.sj-footbox-bqbox .sj-footbox-bqcompany{

    margin-bottom: 10px;

}

.sj-footbox-bqbox .sj-footbox-bqcompany>img{

    margin-right: 10px;

}



.sjshow2Swiper .swiper-pagination, .sjshow1Swiper .swiper-pagination{

    bottom: 20px;

}

.sj-meum{

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: #ffffff;

    transform: translateX(100%);

    transition: all .6s cubic-bezier(.77, 0, .175, 1)

}

.sj-meum.open{

    transform: translateX(0);

}

.sj-meumbox{

    flex-direction: column;

    

}

.sj-meumbox>a{

    text-align: center;

    padding: 10px;

    font-size: 18px;

    border-bottom: 1px dashed #E5E5E5;

}

.sj-meum-top>img{

    /* width: 20px; */

}

.sj-meum-top{

    margin: 20px;

}

.sj-footbox-item>ul li>a{

    font-size: 16px;

    line-height: 16px;

    color: #ffffff;

    

}



.sj-footbox-item>ul{

    padding: 10px 0;

    display: none;

    justify-content: space-between;

}

.sj-footbox-item>ul.opnav{

    display: flex;

}



@keyframes toggleMove{

    0% {

        top: 70%;

        opacity: .3;

    }

    50% {

        bottom: 69%;

        opacity: 1;

    }

    100% {

        bottom: 70%;

        opacity: .3;

    }

}

.cbshow{

    position: fixed;

    right: 20px;

    top: 69%;

    z-index: 99999;

    cursor: pointer;

    /* transform: translateX(-50%); */

    /* animation: toggleMove .8s infinite; */

}

.goTop{

    display: none;

}



.newsnr-l-center{

    min-height: 50vh;

}



.detail-showbox{

    margin-top: 30px;

        margin-bottom: 50px;

        background: #f8f8f8;

    padding: 50px 30px 30px 30px;

}

.detail-bt{

    font-size: 22px;

    line-height: 24px;

    text-align: center;

}

.detail-time{

    font-size: 17px;

    color: #bbbbbb;

    text-align: center;

    padding: 20px 0;

    margin-bottom: 30px;

    border-bottom: 1px dotted #DDE3EE;

}

.detail-content>p{

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 20px;

}

.detail-content>img{

    max-width: 100%;

}



.xq-nrbox .xq-nextbox{



    border-top: 1px dashed #c7c7c7;



    padding-top: 40px;



    margin-top: 20px;



}



.xq-nrbox .xq-nextbox .xq-next-rg a{



    color: #676767;



    padding: 14px 60px;



    border: 1px solid #c7c7c7;



    font-size: 16px;



}



.xq-nrbox .xq-nextbox .xq-next-rg a:hover{



    background: #B30216;



    color: #ffffff;



}



.xq-nextbox{

    margin-top: 70px;

}

.xq-next-lf{

    font-size: 16px;

    line-height: 20px;

}

.xq-next-lf a, .xq-next-lf span{

    font-size: 16px;

    line-height: 20px;

}

.xq-next{

    margin-top: 16px;

}

.xq-next-lf a:hover{

    color: #E70012;

}



.casepagebox{

    margin-top: 60px;

}

.casebox-navbox{

    min-height: 600px;

}



.page{

    margin-bottom: 70px;

}

.page .layui-box{

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

}

.page .layui-box>a{

    display: inline-block;

    width: 45px;

    height: 45px;

    border-radius: 50px;

    background: #f4f4f4;

    font-size: 16px;

    color: #676767;

    margin: 0 10px;

    padding: 8px 14px;

    cursor: pointer;

}

.page .layui-box>span{

    display: inline-block;

    width: 45px;

    height: 45px;

    border-radius: 50px;

    background: #E70012;

    font-size: 16px;

    color: #ffffff;

    margin: 0 10px;

    padding: 8px 14px;

}

.page .layui-box>a.layui-laypage-prev, .page .layui-box>a.layui-laypage-next{

    font-size: 0;

    cursor: pointer;

}

.page .layui-box>a.layui-laypage-prev{

    background-image: url('../images/lc-left.png');

    background-repeat: no-repeat;

    background-size: 100% 100%;

}

.page .layui-box>a.layui-laypage-next{

    background-image: url('../images/lc-right.png');

    background-repeat: no-repeat;

    background-size: 100% 100%;

}





.product-show{

    margin: 40px 0;

    padding: 20px;

    background: #ffffff;

}

.product-showbox{

    min-height: 50vh;

    justify-content: space-between;

    flex-wrap: wrap;

    display: grid;

    grid-template-columns: 32% 32% 32%;

}

.product-showbox a{

    margin-bottom: 30px;

    /* width: 32%; */

    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50,0.29)

}

.product-showb>img{

    width: 100%;

    height: 400px;

}

.newsnr-left.product{

    width: 100%;

}

.product-shownr{

    padding: 20px;

}

.news.produ{

    background: #f8f8f8;

}

.product-showbt{

        text-align: center;

    font-size: 18px;

    line-height: 20px;

        white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.product-showms{

    margin: 10px 0;

    font-size: 16px;

    height: 48px;

    line-height: 22px;

        display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.product-showb{

    

}

.news.produ .newsnr-left .newsnr-l-top {

   

    border-bottom: 1px solid #ffffff;

}

.product-more{

    text-align: right;

}

.page.propage{

    margin-top: 30px;

    margin-bottom: 20px;

}



.detail-content{

    min-height: 50vh;

}

.detail-content img{

    max-width: 100%;

        height: auto;

}





.sj-show{

    display: none;

}



.strate-list {

        padding: 20px 0;

        margin-bottom: 40px;

        

    }



    .strate-list a:hover{

        background: #efefef;

    }



    .strate-list a:hover .strate-item{

        color: #E60012;

    }

    .strate-list a:hover .strate-item .strate-i-bt:nth-child(1){

        color: #E60012;

    }







    .sjulbox{

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

        gap: 10px;

        margin-top: 15px;

    }

    .sjulbox>li{

        width: 48%;

        text-align: center;

    }



    .detail-salary{

        font-size: 16px;

        margin-bottom: 10px;

    }



    .head-ss{

        

        position: relative;

    }

    .head-ss .searchbox{

        display: none;

        position: absolute;

        top: 34px;

        right: 0;

    }



    .searchbox>form{

        position: relative;

        display: flex;

        align-items: center;

    }

    .searchbox>form>img{

        position: absolute;

        right: 10px;

        cursor: pointer;

    }

        .searchbox>form>input{

            padding: 0 10px;

            outline: none;

            border-radius: 6px;

            border: 1px solid #252525;

        }





        .newsnr-l-citem:hover .newsnr-l-c-rbt{

            color: #E70012;

        }

        .newsnr-t-navtop:hover .newsnr-t-navbt{

            color: #E70012;

        }

        .newsnr-t-navtop:hover{

            box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.29);

        }

        .newsnr-t-navtop:hover .newsnr-t-navbt::after{

            display: none;

        }



        .company-jleft{

            width: 60%;

        }

        .company-jright{

            width: 36%;

        }

        .company-jright>img{

            width: 100%;

        }





        .product-showbox a:hover .product-showbt{

            color:#E70012;

        }

        .product-showbox .product-more{

            overflow: hidden;

        }

        .product-showbox .product-more>img{

            width: 50px;

            height: 50px;

        }

    .product-showbox a:hover .product-more>img{

        filter: drop-shadow(-150px 0 #E70012);



        transform: translateX(150px);

    }



    .jjfa .newsnr-l-top{

        text-align: center;

    }

    .jjfa .newsnr-l-top>a{

        color: #332C2B;

    }



    .jjfaSwiper {

        padding-bottom: 50px;

    }

    .jjfa-slidebox{

        background: #F4F4F4;

        padding: 20px;

    }

    .jjfa-slidebox .jjfa-pic>img{

            background: #ffffff;

        width: 100%;

        height: 320px;

    }

    .jjfa-title{

        text-align: center;

        padding: 20px 20px 0 20px;

        font-size: 18px;

        color: #332C2B;

    }



    .jjfa-titlebt{

        margin: 70px 0 40px 0;

    }

    .jjfa-titlebox{

        line-height: 30px;

        padding-left: 25px;

        font-weight: bold;

        font-size: 24px;

        color: #332C2B;

        border-left: 6px solid #E70012;

    }

    .jjfa-slidebox>a:hover .jjfa-title{

        color: #E70012;

    }



    .jjfa-showcpbox{

        margin-bottom: 30px;

    }



    .jjfaSwiper .swiper-pagination-bullet-active{

        background: #E70012;

    }

    .jjfa-kcbbox>img{

        width: 100%;

    }



    .jjfa-kcbbox{

        margin-bottom: 50px;

    }



    .gx-showbox{

        display: grid;

        grid-template-columns: 19% 19% 19% 19% 19%;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .gx-show-item{

        margin-top: 30px;

        display: flex;

        align-items: center;

    }

    .gx-show-item:nth-child(1), .gx-show-item:nth-child(2), .gx-show-item:nth-child(3), .gx-show-item:nth-child(4), .gx-show-item:nth-child(5){

        margin-top: 0;

    }

    .gx-showbox{

        background: #F4F4F4;

        padding: 66px 40px;

        margin-bottom: 45px;

    }

    .gx-show-item>img{

        margin-right: 30px;

    }

    .gx-show-i-r .gx-show-i-r-bt{

        font-size: 18px;

        line-height: 18px;

        padding-bottom: 10px;

        color: #332C2B;

    }

    .gx-show-i-r .gx-show-i-r-ms{

        font-size: 16px;

        line-height: 16px;

        color: #ADADAD;

    }

    .gx-show2box{

        flex-wrap: wrap;

    }

    .gx-show2-item{

        margin-top: 30px;

        width: 24%;

        display: flex;

        align-items: center;

    }

    .gx-show2-item:nth-child(1), .gx-show2-item:nth-child(2), .gx-show2-item:nth-child(3), .gx-show2-item:nth-child(4){

        margin-top: 0;

    }

    .gx-show2box{

            margin-bottom: 60px;



        padding: 66px 40px;

        background: #F4F4F4;

    }

    .gx-show2-item>img{

        margin-right: 30px;

    }

    .gx-show2-item .gx-show2-i-rbt{

        font-weight: bold;

        font-size: 18px;

        line-height: 18px;

        padding-bottom: 10px;

        color: #332C2B;

    }



    .gx-show2-item .gx-show2-i-rms{

        font-size: 16px;

        line-height: 22px;

        color: #332C2B;

    }





    

   



    .show1Swiper .swiper-horizontal>.swiper-pagination-bullets, .show1Swiper .swiper-pagination-bullets.swiper-pagination-horizontal{

        right: 10px;

        top: 48%;

        transform: translate3d(0px,-50%,0);

        width: fit-content;

        left: auto;

    }

    .show1Swiper a{

        width: 60%;

        display: inline-block;

    }





    .strategy{

        overflow: hidden;

    }



    .company-wh{

        overflow: hidden;

    }

    .com-show1{

        overflow: hidden;

    }

    















@media screen and (max-width:1750px){

    .headbox-item ul li a{

        padding: 10px 30px;

    }

    /* .headbox-right {

        width: 90%;

    } */

    .headbox-ul .headbox-item>a{

        padding: 10px 30px;

    }

    .company-jbt>span{

        width: 140px;

    }

    .company-jbt{

        display: flex;

    }

}

@media screen and (max-width:1550px){

        

        .company-jbt{

            margin-bottom: 25px;

        }

    .company-jbt>span{

        width: 150px;

    }

    .headbox-item ul li a {

    padding: 10px;

}

    .headbox-ul .headbox-item>a{

        padding: 10px 20px;

        font-size: 18px;

    }

    

}

@media screen and (max-width:1350px){

    /* .company-jbt>span{

        width: 220px;

    } */

    .headbox-ul .headbox-item>a{

        /* padding: 10px 20px; */

        font-size: 17px;

    }

.headbox-item ul li a {

        padding: 10px;

        font-size: 14px;

    }

}

@media screen and (max-width:1260px){

    .gx-show2-item {

        width: 48%;

    }

    .gx-show2-item:nth-child(3), .gx-show2-item:nth-child(4){

        margin-top: 30px;

    }

    .gx-showbox{

            grid-template-columns: 32% 32% 32%;

    }

    .company-jbt>span{

        width: 186px;

    }

    .nrbannerbox{

        top: 44%;

    }

    .headbox-ul .headbox-item>a{

        padding: 10px 15px;

        font-size: 16px;

    }

        .headbox-right {

        width: 87%;

    }

    .product-names{

        display: none;

    }

}

@media screen and (max-width:1170px){

    .company-jms {

        padding-bottom: 40px;

    }

    .company-jright{

        width: 100%;

    }

    .company-jleft{

        width: 100%;

    }

    .company-jj{

        flex-direction: column;

    }

    .company-jbt>span{

        width: 128px;

    }

    .headbox-right {

        width: 85%;

    }

    .nrbannerbox{

        top: 30%;

    }

}



@media screen and (max-width:1100px){

    .headbox-item{

        display: none;

    }

}



@media screen and (max-width:950px){

    .foot-c-r-tel {

        font-size: 24px;



        line-height: 28px;

    }

    .foot-c-ul-child>a {

        font-size: 15px;

    }

    .foot-c-ul-bt{

        font-size: 17px;

    }

}

@media screen and (max-width:900px){

    .newsnr-left .newsnr-l-top>a{

        font-size: 18px;

        margin-right: 40px;

    }

    .foot-c-ul-bt {

        font-size: 15px;

    }

    .foot-c-ul-child>a {

        font-size: 13px;

    }

}

/*  */

@media screen and (max-width:768px){

    .sj-showtop{

        padding: 60px 0 50px 0;

    }

    .sj-show1-slidebt{

        margin-top: 40px;

    }

    .sj-show1 {

        background-size: 100% 100%;

    }

    .casepagebox {

    margin-top: 30px;

}

    .casebox-navbox {

    min-height: 270px;

}

    .sj-hr{

        height: 2px;

        width: 50px;

        background: #E70012;

        margin-bottom: 20px;

    }

    .page .layui-box>a, .page .layui-box>span{

        display: none;

    }

    .page .layui-box>a:nth-child(1){

        display: block;

    }

    .page .layui-box>a:last-child{

        display: block;

    }

    .gx-show2-item .gx-show2-i-rbt{

        font-size: 16px;

    }

    .gx-show2-item .gx-show2-i-rms {

    font-size: 14px;

    color: #807978;

    }

    .jjfaSwiper {

    padding-bottom: 40px;

}

    .gx-show2-i-r{

        text-align: center;

    }

    .gx-show2-item{

        flex-direction: column;

    }

    .gx-show2-item>img {

        margin-right: 0;

        width: 30px;

        margin-bottom: 10px;

    }

    .gx-show2box{

        padding: 10px;

    }

    .gx-show2box .gx-show2-item{

        width: 48%;

    }

    .gx-show2box .gx-show2-item:nth-child(3), .gx-show2box .gx-show2-item:nth-child(4){

        margin-top: 30px;

    }

    .gx-show-item {

        margin-top: 20px;

        flex-direction: column;

    }

    .gx-show-item:nth-child(3), .gx-show-item:nth-child(4), .gx-show-item:nth-child(5){

        margin-top: 20px;

    }

    .gx-show-i-r{

        text-align: center;

    }

    .gx-show-i-r .gx-show-i-r-ms {

    font-size: 14px;

    line-height: 20px;

    height: 36px;

}

    .gx-show-i-r .gx-show-i-r-bt {

    font-size: 15px;

    line-height: 18px;

    /* height: 46px; */

    }

    .gx-show-item>img{

        width: 30px;

        margin-right: 0;

        margin-bottom: 10px;

    }

    .gx-showbox {

            padding: 10px;

        grid-template-columns: 48% 48%;

    }

    .jjfa-slidebox {

 

    padding: 10px;

}

    .jjfa-title {

        font-size: 16px;

        padding: 10px 10px 0 10px;

    }

    .jjfa-titlebox {

        line-height: 24px;

        font-size: 20px;

    }

    .jjfa-slidebox .jjfa-pic>img {

 

    height: auto;

}

    .jjfa-titlebt {

    margin: 10px 0 30px 0;

}

    .newsbox{

        margin-bottom: 28px;

    }

    

    .sj-show6tms{

        font-size: 15px;

        padding: 12px 0 20px 0;

    }

    .sj-show6tbt{

        font-size: 25px;

    }

    .sj-show2-slidebt {

    font-size: 25px;

    line-height: 34px;

}

    .sj-show2-slidems {

        font-size: 15px;

        line-height: 25px;

       

    }

    .sj-showt-bt{

        font-size: 25px;

    }

    .sj-showt-ms {

    font-size: 15px;





    padding: 12px 0 20px 0;

}

    .xq-next {

        margin-top: 10px;

    }

    .detail-showbox{

            padding: 30px 15px 30px 15px;

    }

    .detail-time {

        font-size: 15px;

        padding: 10px 0;

        margin-bottom: 20px;

    }

    .detail-bt {

        font-size: 18px;

    }

    .product-show {

        margin: 30px 0;

    }

    .product-showbt{

        font-size: 16px;

    }

    .product-showms {

        font-size: 15px;

        height: auto;

    }

    .product-showb>img {

        height: 220px;

    }

    .product-more{

        display: none;

    }

    .product-showbox {

        grid-template-columns: 100%;

    }

    .newsnr-t-navms{

        font-size: 15px;

        padding: 10px 0 0 0;

        height: 45px;

        margin: 10px 0;

        line-height: 18px;

    }

    .newsnr-t-navbt{

        font-size: 16px;

        line-height: 18px;

    }

    .newsnr-r-top {

        font-size: 20px;

        line-height: 20px;

        padding-bottom: 20px;

    }

    .newsnr-l-citem {

        padding-bottom: 20px;

    }

    .newsnr-l-center a {

        margin: 20px 0;

    }

    .newsnr-l-c-r .newsnr-l-c-rms{

        font-size: 15px;

        line-height: 18px;

    }

    .newsnr-l-c-r .newsnr-l-c-rbt{

        font-size: 16px;

        padding-bottom: 10px;

    }

    .newsnr-l-c-r {

        width: calc(100% - 90px);

    }

    .newsnr-l-c-time .newsnr-l-c-t-y{

        font-size: 14px;

            padding: 4px;

    }

    .newsnr-l-c-time .newsnr-l-c-t-m {

        font-size: 16px;

    }

    .newsnr-l-c-time{

        width: 70px;

    }

    .newsnr-left .newsnr-l-top{

        margin-top: 0px;

        overflow: auto hidden;

        white-space: nowrap;

        scrollbar-width: none;

        -ms-overflow-style: none;

    }

     .newsnr-left .newsnr-l-top::-webkit-scrollbar{

        display: none;

    }

    

    .newsnr-left .newsnr-l-top>a{

        font-size: 17px;

        margin-right: 0;

    }

    .newsnr {

        flex-direction: column;

    }

    .newsnr-left {

        width: 100%;

    }

    .newsnr-right {

        width: 100%;

    }

    

    .page {

        margin-bottom: 40px;

    }

    .page .layui-box>span{

        width: 30px;

        height: 30px;

        padding: 3px 10px;

        font-size: 14px;

    }

    .page .layui-box>a{

        width: 30px;

        height: 30px;

        padding: 3px 10px;

        font-size: 14px;

    }

    .pc-show{

        display: none;

    }

    .sj-show{

        display: block;

    }

    .com-show4-name{

        font-size: 16px;

        line-height: 18px;

        margin-top: 10px;

    }

    .com-show4slide>img {

        height: auto;

    }

    .lcSwiper .swiper-button-next, .lcSwiper .swiper-button-prev{

        top: 65% !important;

    }

    .lc-hr{

        top: 66%;

    }

    .lcSwiper .swiper-button-next:after, .lcSwiper .swiper-button-prev:after{

        width: 30px;

        height: 30px;

        background-size: 30px 30px;

    }

    .com-show3sl-bt{

        font-size: 50px;

    }

    .com-show3sl-ms{

        font-size: 16px;

        line-height: 20px;

        height: 40px;

    }

    .com-show2box {

        margin-bottom: 30px;

    }

    .com-show2-right {

        width: calc(100% - 110px);

    }

    .com-show3{

        padding-bottom: 20px;

    }

    .com-show4zs{

        margin-bottom: 40px;

    }

    .com-show2-pic {

        width: 100px;

        height: 100px;

    }

    .com-show2-right .com-show2-r-ms{

        font-size: 16px;

        line-height: 20px;

    }

    .com-show2-right .com-show2-r-bt{

        font-size: 18px;

        line-height: 20px;

        margin-bottom: 10px;



    }

    .com-show2-item {

        padding: 20px 10px;

        width: 100%;

        margin-top: 20px;

    }

    .com-show2-item:first-child{

        margin-top: 0;

    }

    .com-show2-item:nth-child(2){

        margin-top: 20px;

    }

    .com-show1-nr-bt span{

        padding-bottom: 4px;

    }

    .com-show1-pic{

        margin-bottom: 30px;

        padding: 10px 0;

        height: 67px;

        background-size: 100% auto;

    }

    .com-show1-pic2{

    margin-bottom: 30px;

}

    .com-show1-nr>img{

        width: 180px;

    }

    .com-show1-nr-bt{

        font-size: 16px;

        line-height: 20px;

        padding-bottom: 0;

        margin-bottom: 5px;

    }

    .com-show1box .com-show1bt{

        font-size: 24px;

        line-height: 24px;

        padding-bottom: 25px;

        

    }

    .company-wh-ms{

        font-size: 16px;

        padding: 0;

        overflow: hidden;

        height: 33px;

        

    }

    .company-wh-bt {

        font-size: 24px;

    }

    .company-wh-item{

        border-right: none;

    }

    

    .company-wh-item{

        width: 50%;

        padding: 20px 0;

    }

    .company-wh-item:nth-child(1){

        border-right: 1px solid #e5e5e5;

        border-bottom: 1px solid #e5e5e5;

    }

    .company-wh-item:nth-child(3){

        border-right: 1px solid #e5e5e5;

    }

    .company-wh-item:nth-child(2){

        border-bottom: 1px solid #e5e5e5;

    }

    .company-wh{

        box-sizing: border-box;

        flex-wrap: wrap;

        border: 1px solid #e5e5e5;

        margin-bottom: 30px;







    }

    .company-numbox .company-numitem{

        width: 100%;

        margin-bottom: 20px;

    }

    .company-numbox {

        margin: 40px 0 0 0;

        /* flex-wrap: wrap; */

        display: grid;

        grid-template-columns: 48% 48%;

    }

    .company-num>span{

        display: none;

    }

    .company-nms {

        font-size: 14px;

        line-height: 18px;

    }

    .company-num{

        font-size: 30px;

        line-height: 30px;

    }

    .company-jms {

        font-size: 16px;

        line-height: 26px;

        padding-bottom: 0;

    }

    .company-jright>img{

        width: 100%;

    }

    .company-jbt span{

        margin-bottom: 0;

        width: fit-content;

        padding-bottom: 10px;

        border-bottom: none;

    }

    .company-jbt{

        padding-bottom: 0;

        margin-bottom: 20px;

        font-size: 18px;

        line-height: 24px;

        flex-direction: column;

        display: flex;

    }

    .company-jleft {

        padding-right: 0;

        padding-bottom: 20px;

    }

    .company-jj{

        flex-direction: column;

    }

    .cooperative-lbox .cooperative-bt {

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .cooperative-lbox .cooperative-ms {

        font-size: 16px;

        line-height: 24px;



    }

    .cooperative-lbox {

        padding: 30px;

    }

    .cooperative-left{

        width: 100%;

        margin-bottom: 20px;

    }

    .cooperative {

        flex-direction: column;

        margin-bottom: 40px;

    }

    .casebox-nav .casebox-n-item {

        margin-top: 14px;



    }

    .casebox-nav .casebox-n-item>img {



        height: 70px;

    }

    .casebox-nav {



        grid-template-columns: 48% 48%;



    }

    .strate-ssbox {

        margin: 20px 0;

    }

    .strate-list {

        padding: 0;

        

    }

    .strate-item {

        flex-direction: column;

        align-items: normal;

        font-size: 16px;

    }

    .strate-ssbox form{

        width: 100%;

    }

    .strate-ssbox form>input{

        padding: 10px 90px 10px 30px;

        font-size: 14px;

        width: 100%;

    }

    .strate-ssbox form>button {

        font-size: 14px;

        right: -0;

        padding: 10px 20px;

       

    }

    .strategynr-ms{

        font-size: 16px;

        line-height: 22px;

        padding: 20px;

        margin-bottom: 30px;

    }

    .strategynr-bt{

        font-size: 22px;

        line-height: 24px;

        padding-bottom: 20px;

    }

    .contact-fbt{

        padding: 20px 0 30px 0;

        font-size: 16px;

        line-height: 24px;

        width: 95%;

    }

    .contact-name {

        margin-bottom: 20px;

    }

    .case-titlebox{

        margin-bottom: 20px;

    }

    .cooperative-right form label {

        font-size: 16px;



    }

    .cooperative-right{

        width: 100%;

    }

    .cooperative-right form label input{

        width: calc(100% - 84px);

    }

    .cooperative-right form label textarea {

        width: calc(100% - 84px);

    }

    .contact-ms {

        font-size: 16px;

        line-height: 18px;



    }

    .contact-name {



        font-size: 20px;

        line-height: 26px;



    }

    .contact-form {

    margin-bottom: 40px;

}

    .nrbanner-wzms{

        font-size: 14px;

        line-height: 16px;

            padding-top: 5px;

    }

    .nrbanner-wzbt{

        font-size: 18px;

        line-height: 20px;

    }

    .nrbannerbox{

        top: 26%;

            left: 20px;

        /* right: 0;

        text-align: center; */

    }

    .container {

        max-width: 100%;

    }

}