.shuffling {

    width: 100%;





}

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

    position: absolute;

    top:68% !important;

    width: calc(var(--swiper-navigation-size)/ 44 * 27);

    height: var(--swiper-navigation-size);

    margin-top: calc(-79px - (var(--swiper-navigation-size)/ 2));

    z-index: 10;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--swiper-navigation-color,var(--swiper-theme-color));

}







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

    position: absolute;

    top:65% !important;

    width: calc(var(--swiper-navigation-size)/ 44 * 27);

    height: var(--swiper-navigation-size);

    margin-top: calc(-79px - (var(--swiper-navigation-size)/ 2));

    z-index: 10;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--swiper-navigation-color,var(--swiper-theme-color));

}



body {

    overflow-x: hidden;

    font: 12px/140% Arial, Microsoft YaHei, Helvetica, sans-serif, Verdana;

}



.shuffling img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.shunoifn_one {



    width: 100%;

    height: 500px;

    background-color: black;

    /*   background-color: blueviolet; */

    /*   height: 100vh; */

    margin-top: 0px;

    /*   margin-top: 100px; */



}



.shunoifn_one img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* 以上是轮播板块 */

.categories {

    width: 1374px;

    margin: 0 auto;

    margin-top: 50px;

    text-align: center;



}



/* 热门搜索 */

.Top-search-box {

    width: 100%;

    height: 95px;

    background-color: rgb(237, 237, 237)

}



.Top-search {

    width: 1387px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;



}



.Top-search-list {

    display: flex;

    height: 95px;

    align-items: center;

}



.Top-search-list h3 {

    font-size: 20px;

    color: #034496;

    font-weight: bolder;

}



.Top-search-list a {

    font-size: 18px;

    color: #434343;

    margin-left: 10px;

}



.Top-search-list a:hover {

    color: #a01414;

}



.Product-search {

    position: relative;

}



.Product-search input {

    width: 317px;

    height: 30px;





    line-height: 30px;

    font-size: 16px;

    color: #848484;

    padding-left: 15px;

    padding-right: 5px;

    border: 1px solid #bdbbbb;

    border-radius: 20px;

    background: #e5e5e5;

}



.Product-search .submit {background:url(../images/search.png) no-repeat center;width:76px;border:0;height:32px;line-height:100px;overflow:hidden;position: absolute;right: 0;top: 0;}



.Product-search img {

    width: 25px;

    height: 25px;

    position: absolute;

    top: 3px;

    right: 10px;

}



/*   热门款式  */

.Hot-styles-box {

    width: 100%;

    height: 500px;

    position: relative;

}



/* 背景 */

.indbg {

    width: 100%;

    height: 314px;

    background: url('../img/category.jpg') no-repeat 100% 100%;



}



.Hot-styles {

    width: 1400px;

    height: 333px;

    margin: 0 auto;

    /*   background-color: seagreen; */

    position: absolute;

    top: 150px;

    left: 50%;

    display: flex;

    justify-content: space-between;

    transform: translateX(-50%);

}



.Hot-styles-list-box {

    width: 335px;

    height: 321px;

    background-color: #ffff;

    /*    overflow: hidden; */

    border-radius: 10px;

    position: relative;

}



.Hot-styles-list-top {

    width: 335px;

    height: 150px;

    background: #1f8ceb;

    position: absolute;

    border-radius: 0 0 10px 10px;

    bottom: 0;

    z-index: 2;

    text-align: center;

}



.Hot-styles-list-box img {

    width: 200px;



    position: absolute;

    z-index: 1;

    left: 65px;

    top: -53px;

}



.Hot-styles-list-top h3 {

    font-size: 24px;

    color: #fff;

    font-weight: bold !important;

    line-height: 140%;

    margin-top: 15px;

}



.Hot-styles-list-top p {

    font-size: 16px;

    color: #ffff;

    margin-top: 5px;

}



.Product-links {

    width: 118px;

    height: 40px;

    text-align: center;

    line-height: 42px;

    margin: 0 auto;

    border-radius: 50px;

    color: #fff;

    font-size: 13px;

    margin-top: 10px;

    background-color: #1771c0;

}



.Product-links:hover {

    background-color: rgb(247, 242, 242);

    color: #2b2b2b;

}



.Hot-styles-list-top:hover {

    background-color: rgb(3, 68, 150);

    color: #fff;

}



.Hot-styles-list-top:hover .Product-links {

    background-color: #fff;

    color: #397cce;

    cursor: pointer;

}



/* 产品展示 */

.Product-display-box {

    width: 100%;

    height: auto;

    padding-top: 0.1px;

    padding-bottom: 50px;



    background-color: rgb(237, 237, 237)

}



.Product-display-tite {

    width: 517px;

    margin: 0 auto;

    padding-left: 100px;

    font-size: 34px;

    color: #1f8ceb;

    margin-top: 95px;



}





/* 产品展示区域 */

.Product-display-show-box {

    width: 1400px;

    display: flex;

    margin: 0 auto;



    /*    margin-top: 50px; */

}



/* 产品中心组件css */

.The-left-navigation {

    width: 250px;

    height: 750px;

    margin-top: 56px;

    background-color: #1f8ceb;

    padding-top: 0.1px;

}



.The-left-navigation-ttite {

    position: relative;

    text-align: center;

}



.The-left-navigation-ttite h1 {

    font-size: 31px;

    font-weight: bolder;

    color: #fff;

    line-height: 1.2;

    margin-top: 54px;

    /*   margin-left: 20px; */

}



.The-left-navigation-ttite p {

    font-size: 15px;

    font-weight: lighter;

    text-transform: uppercase;

    color: #fff;

    margin-top: 10px;

    /*  margin-left: 20px; */

    position: relative;

}



.The-left-navigation-ttite .tioazi {

    width: 50px;

    height: 3px;

    background-color: #fff;

}



.The-left-navigation-list {

    width: 180px;

    margin-top: 30px !important;

    background-color: #fff;

    margin: 0 auto;

}



.The-left-navigation-list ul li {

    height: 40px;

    /*  width: px; */

    font-size: 18px;

    line-height: 40px;

    /*   margin-left: 15px; */

    border-bottom: 1px dashed #807e7e;

}





.Product-area-right-tite {

    width: 98%;

    height: 65px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 35px;

    margin-left: 20px;

    border-bottom: 1px solid #434343;

}



.Product-area-right-tite h2 {

    font-size: 24px;

    color: #333333;

    line-height: 65px;

}



.gengduo {

    width: 100px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background-color: #3469a8;

    border-radius: 50px;

}

.gengduo a{color:#FFF;}

.chanppin {

    width: 98%;

    margin-left: 0px;

    margin-top: 32px;





}



.chanppin-list {

    width: 200px;

    height: 200px;

    border: 1px solid #a1a1a1;

    float: left;

    margin-left: 30px;

    margin-top: 22px;

}



.chanppin-list img {

    width: 100%;

    height: 148px;

    object-fit: cover;



}



.bing {

    width: 100%;

    height: 50px;

    text-align: center;

    line-height: 50px;

    margin-top: 2px;

    font-size: 16px;

    background-color: #a3a0a0;

}



.chanppin-list:hover {

    border: 1px solid #3469a8;

}



.chanppin-list:hover .bing {



    background-color: #3469a8;

}

















.The-left-navigation-list ul a {

    display: block;

    margin-top: 10px;

    color: #848484;

}



.The-left-navigation-list ul li img {

    width: 15px;

    padding-left: 10px;



}



.The-left-navigation-list ul a:hover {

    color: #2376c4;

}



.Telephone-contact {

    width: 150px;

    margin-top: 50px !important;

    margin: 0 auto;

    text-align: center;

}



.Telephone-contact img {

    width: 50px;

    margin-left: 0px;

}



.Telephone-contact h1 {

    font-size: 20px;

    color: #fff;

    margin-top: 15px;

    font-weight: normal;

}



.Telephone-contact p {

    color: #fff;

    font-weight: bold;

    font-size: 23px;

    margin-top: 20px;

}



/* 右边产品区域 */

.Product-area-right {

    width: 100%;

    height: 615px;





    justify-content: space-between;

    /*   background-color: blue; */

}



.Product-area-right .Hot-styles-list-box {

    width: 286px;

    float: left;

    margin-left: 10px;

    margin-top: 80px;

}



.Product-area-right .Hot-styles-list-box img {



    margin-left: -25px;

}



.Product-area-right .Hot-styles-list-top {

    width: 286px;

}



/* 企业简介 */

.Enterprise-brief-introduction {

    width: 100%;

    height: 900px;

    padding-top: 0.1px;

    /*     background-color: #288bb9; */

    background: url('../img/f-bg.jpg') 100% 100%;

    background-size: 100%;

}



.The-enterprise-scal-tiite {

    width: 1200px;

    margin-top: 120px !important;

    margin: 0 auto;

}



.The-enterprise-scal-tiite h3 {

    font-size: 35px;

    color: #fff;

}



.The-enterprise-scal-tiite p {

    margin-top: 20px;

    color: #fff;

    font-size: 16px;

}



.The-enterprise-scal-tiite .scal-tiite {

    color: #fff;

    margin-top: 50px;

    font-size: 17px;

    line-height: 30px;

}



.gMore-and-more {

    width: 142px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    margin-top: 20px;

    cursor: pointer;

    background-color: rgb(32, 131, 197);

    transition: all 0.3s linear;

}

.gMore-and-more a {

	color: #fff;

}



.gMore-and-more:hover {

    margin-left: 10px;

}



.The-enterprise-scal-tiite:hover h3 {



    color: aqua;

}



.The-firm-is {

    width: 1400px;

    height: 140px;

    margin: 0 auto;

    display: flex;

    background-color: rgba(40, 92, 154, 0.9);

    margin-top: 150px;

}



.The-firm-is-left {

    padding-top: 0.1px;

    width: 700px;

    height: 140px;

    display: flex;

    background-color: #fff;

}



.The-firm-is-left:nth-child(2) {

    background: none;

}



.nians {

    width: 359px;

    text-align: center;

    margin-top: 40px;

    height: 60px;

    border-right: 1px solid #2b2b2b;

}



.nians h3 {

    font-size: 35px;

    line-height: 46px;

    vertical-align: bottom;

    color: #3469a8;

    font-family: "DINCond-Bold";

}



.nians p {

    margin-top: 10px;

    font-size: 18px;

}



.The-firm-is-left:nth-child(2) h3 {

    color: #fff;

}



.The-firm-is-left:nth-child(2) p {

    color: #fff;

}





/* ---- */





/* 产品优势 */



.chanpiyos-shi {

    width: 100%;

    height: 750px;

    margin-top: 0px;

    padding-top: 1px;

    background-color: rgba(245, 245, 245, 1);

}



.biaot-biao {

    text-align: center;

    color: #3469a8;

    font-size: 30px;

    margin-top: 100px;

}



.chanpu-left {

    width: 755px;

    height: 558px;







}



.chanpu-left-box-img {

    width: 453px;

    height: 264px;

}



.chanpu-left-box-img img {

    width: 100%;

    height: 100%;

}



.nbix {

    width: 283px;

    height: 160px;

    margin: 0 auto;

    margin-top: calc(50% - 150px);

}



.nbix span {

    color: #333333;

    font-size: 20px;

}



.nbix h3 {

    font-size: 25px;

    font-weight: bolder;

    color: #3469a8;

    margin-top: 10px;

}



.nbix p {

    color: #8b8b8b;

    font-size: 19px;

    line-height: 30px;

    margin-top: 20px;

}



.zuode {

    width: 100%;

    display: flex;



}



.chanpu-left-box-img img {

    object-fit: cover;

}



.mibnbx {

    display: flex;

    width: 1400px;

    margin: 0 auto;

    justify-content: space-around;

    margin-top: 100px;

}



.dsdsd {

    width: 370px !important;

}



.nestwsaa {

    width: 100%;

    height: 770px;

    background: url('../img/casebj.jpg') no-repeat 100% 100%;

    background-size: 100%;

    /*     margin-top: 144px; */

    padding-top: 0.1px;

}



.MSHDS {

    height: 683px !important;

}



/* lun */

.product-lunbot-box {

    width: 1400px;

    height: 900px;

    margin: 0 auto;

    /*     border: 1px solid black; */

    margin-top: 100px;

    position: relative;

}



.product-lunbot-box-texte {

    width: 500px;

    margin: 0 auto;

    text-align: center;

}



.product-lunbot-box-texte h3 {

    font-size: 40px;

    color: #3469a8;

}



.product-lunbot-box-texte span {

    color: #0d4634;

}



.product-lunbot-box-texte p {

    font-size: 20px;

    margin-top: 20px;

}



.list-shao {

    width: 961px;

    margin: 0 auto;

    display: flex;

    justify-content: space-around;

    text-align: center;

    line-height: 36px;

    margin-top: 60px;

}



.list-shao a {

    display: inline-block;

    width: 128px;

    height: 36px;

    box-sizing: 10px;



    font-size: 18px;

    color: #333333;

    text-decoration: none;



}



.actiove {

    background-color: #3469a8;

    color: #fff !important;

}



.list-shao a:hover {}



.prount-lunboT {

    width: 1200px;

    height: 600px;

    margin: 0 auto;

    margin-top: 70px;

    overflow: hidden;

    position: relative;

}



.prount-lunboT ul {

    width: 800%;

    position: absolute;

    left: -0px;

    transition: all 0.6s linear;

}



.prount-lunboT ul li {

    float: left;

}



.prount-lunboT ul li a img {

    width: 100%;

}



.zuouyad {

    width: 100%;

    display: flex;

    justify-content: space-between;

    position: absolute;

    top: 500px;

}





.prount-lunboT-box {

    width: 1200px;

    display: flex;



}



.left-tonAs {

    width: 500px;

    height: 600px;

    position: relative;

    background-color: #3469a8;





}



.left-tonAs img {

    width: 100%;

    height: 100%;



}



.imt-bosd {

    width: 100%;

    height: 600px;

    background-color: #680c23;

}



.imt-bosd img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.texte-boxo-tite {

    width: 280PX;

    height: 300PX;

    /*     background: chartreuse; */

    position: absolute;

    top: 138px;

    left: 40px;



}



.texte-boxo-tite h3 {

    text-align: center;

    color: #fff;

    font-size: 25px;

    margin-top: -15px;





    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.texte-boxo-tite p {

    color: #fff;

    font-size: 15px;

    overflow: hidden;

    margin-top: 20px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 12;

    -webkit-box-orient: vertical;

}



.chuchuang {

    width: 305px;

    height: 207px;

    background-color: rgba(15, 15, 15, 0.445);

    position: absolute;



    top: 0;

    right: 0;

    z-index: 5;

    overflow: hidden;

    transition: all 0.3s linear;

}



.clob-box:hover .chuchuang {

    right: -100%;

}



.chuchuang img {

    width: 150px;

    float: right;

    transition: all 0.3s linear;

    margin-top: -10px;

}



/* ---- */

.news-box {

    width: 1500px;

    /* background-color: rgb(255, 255, 255); */

    margin: 0 auto;

    height: 500px;

    display: flex;

    margin-top: 50px;

    justify-content: space-around;

}



.neit-box-leis {

    width: 682px;

    height: auto;

    margin-top: 20px;

}



.neit-box-leis img {

    width: 100%;

    height: 358px;

    object-fit: cover;

}



.entysa-regit {

    width: 658px;

    height: auto;



}



.entysa-regit-list {

    width: 100%;

    height: 60px;

}



.v {

    margin-top: 30px;

}



.entysa-regit-list a {

    float: left;

    color: #858585;

    line-height: 23px;

    margin-top: 10px;

}



.entysa-regit-list h3 {

    font-weight: bold;

    font-size: 16px;

    /* margin-top: -10PX; */

    color: #696969;

}





.entysa-regit-list img {

    width: 100px;

    height: 60px;



    float: left;

    padding-right: 10PX;

}



.news-box-news-texe-box h3 {



    font-weight: bold;

    font-size: 16px;

    margin-top: 20px !important;

    color: #696969;



}



.entysa-regit-list p {

    color: black;

    margin-top: 10px;

}



.news-box-news-texe-box h3 {

    margin-top: 5px;

}



.news-box-news-texe-box p {

    color: black;

    margin-top: 10px;

}



.entysa-regit-list span {

    font-size: 16px;

    float: right;

}



.entysa-regit-list:hover h3 {

    color: black;

}



.lians {

    width: 100%;

    height: 212px;

    background-color: rgb(25, 88,185);

    margin-top: 20px;

    padding-top: 0.1px;





}

.liasb-box{

    width: 1500px;

     margin:  0 auto;

     margin-top: 50px; 

        display: flex;

    justify-content: space-between;

}



.liasb-box p{

    font-size: 23px;

    color: #fff;

    margin-left: 20px;

    line-height: 35px; 

}

.boxus{

    width: 720px;

    height: 55px;

    background: url('../img/wndan.png') no-repeat 100% 100%;

    margin-top: 30px;

}

.lians-right{

    margin-right: 0px;

    display: flex;

    margin-top: 30px;

}

.POPTYS{

 

 

    width: 145px;

    height: 50px;

    line-height: 50px;

    background: #f09811;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    color: #000;

    margin-left: 30px;

    margin-top: 2px;

}