@charset "utf-8";
/* ===================首页样式========================== */
.contain{width: 1360px;}


/* 轮播 */
.banner{width: 100%;height: 750px;position: fixed;overflow: hidden;}
.bshadow{width: 100%;height: 750px;}
.banner-img{width: 100%;height: 750px;}
.banner-img img{width: 100%;height: 750px;object-fit: over;}
.banner-img-pc{display: block;}
.banner-img-mb{display: none;}
.banner .swiper-container{height: 100%;position: relative;}
.banner .swiper-pagination{bottom: 30px;}
.banner .swiper-pagination span{margin: 0 12px !important;}
.banner .swiper-pagination-bullet{height: 10px;width: 10px; border: 2px solid #fff;background-color: transparent;position: relative;opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 20px;height: 20px;border: none;background: url(../images/index/pag.png) no-repeat;} 
.swiper-container-horizontal>.swiper-pagination-bullets{display: flex;justify-content: center;align-items: center;}
.banner-video{display: none; width: 62px;height: 62px;margin-top: 40px;cursor: pointer;}
.banner-video i{display: block; width: 62px;height: 62px;background: url(../images/index/barvido.png) no-repeat center;}
/* ---- */
.banner-cont p, .banner-video{opacity: 0;}
.swiper-slide-active .banner-cont p{animation: banCt 1s ease both 0.6s;}
.swiper-slide-active .banner-video{animation: banCt 1s ease both 0.8s;}
@keyframes banCt{
    0%{opacity: 0;transform: translateY(60px);}
    100%{opacity: 1;transform: translateY(0);}
}
/* ---- */

/* 公共字体样式 */
.indtit{width: 100%; text-align: center;}
.indtit h3{font-size: 36px;color: #003a5d;}
.indtit p{font-size: 24px;color: #e4e4e4;font-family: 'Arial';font-weight: bold;margin-top: 8px;}

.indprod{width: 100%;padding-top: 114px;background-color: #fff;z-index: 2;position: relative;}
.product-probox{display: block; width: 100%;margin-top: 42px;}
.product-probox .contain{position: relative;text-align: center;padding: 0 110px;}
.equip-min{ height:158px;padding:34px 20px;border-top-right-radius:20px ;border-top-left-radius:20px;cursor: pointer}
.product-prowd p{font-size: 18px;color: #033957;margin-top: 20px;}
.equip-min.cur{background-color:#f2f2f2;font-weight: bold;}
.product-next{width: 52px;height: 52px;background:#e9f0f3 url(../images/index/rgt.png) no-repeat center;border-radius: 50%; position: absolute;top: 50%;right:0; margin-top: -36px;cursor: pointer;}
.product-prev{width: 52px;height: 52px;transform: rotate(180deg);background:#e9f0f3 url(../images/index/rgt.png) no-repeat center;border-radius: 50%; position: absolute;top: 50%;left: 0; margin-top: -36px;cursor: pointer;}
.product-next:hover{background:#033957 url(../images/index/lft.png) no-repeat center;transform: rotate(180deg);}
.product-prev:hover{background:#033957 url(../images/index/lft.png) no-repeat center;transform: rotate(0);}

.product-desbox{width: 100%;padding: 96px 0 72px;background-color: #f2f2f2;position: relative;}
.product-item{width: 100%;overflow: hidden;}
.product-item-ul{margin-left: -4%;}
.product-deswdimg{width: 29.3333%;float: left;margin-left: 4%;display: block;position: relative;}
.product-desimg{width: 100%;overflow: hidden;margin-bottom: 87px;height: 294px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.product-desimg img{width: 100%;object-fit: cover;height: 100%;}
.product-deswdcont{width: 100%; padding: 34px 46px; background: #003a5d;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position: absolute;bottom: 0;height: 87px;transition: height .6s ease;}
.product-deswdcont h3{font-size: 18px;color: #fff;}
.product-deswdcont p{font-size: 15px;color: #fff;transition: height .6s ease;height: 0;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;padding-top: 10px;-webkit-line-clamp: 2;line-height: 20px;overflow: hidden;}
.product-desbox .swiper-wrapper{padding-bottom: 60px;}
.product-desbox .swiper-pagination{bottom: 0 !important;}
.product-desbox .swiper-pagination-bullet{height: 10px;width: 10px; border: 2px solid #b6c7d9;background-color: transparent;position: relative;opacity: 1;margin: 0 12px !important;}
.product-desbox .swiper-pagination-bullet-active{width: 20px;height: 20px;border: none;background: url(../images/index/pag.png) no-repeat;} 
.swiper-container-horizontal>.swiper-pagination-bullets{display: flex;justify-content: center;align-items: center;}
.product-deswdimg:hover .product-deswdcont p {height: 50px;}
.product-deswdimg:hover .product-deswdcont{background: #f39500;height: 150px}

/* 关于我们 */
.aboutus{width: 100%;padding-top:114px;background-color: #fff;z-index: 2;position: relative;}
.aboutus-showitem{width: 100%;background-color: #fff;}
.aboutus-showcont{width: 100%;padding:0 328px;margin-top: 44px;}
.aboutus-showcont p{font-size: 16px;color: #555555;text-align: center;line-height: 28px;}
.aboutus-showmore{width: 100%;margin-top: 38px;display: flex;justify-content: center;text-align: center;}
.aboutus-showmore a{display: block;width: 210px;height: 54px;border: 1px solid #bebdbd;font-size: 15px;color: #888888;border-radius: 30px;line-height: 54px;transition: all .4s ease;}
.aboutus-showmore a:hover{background-color: #003a5d;color: #fff;}
.aboutus-shownum{width: 100%;margin-top: 18px;}
.aboutus-shownum ul{width: 100%; display: flex;justify-content: space-around;text-align: center;overflow: hidden}
.aboutus-shownum ul li{width: 25%;padding: 26px 0 58px;}
.shownum-cont{width: 100%;border-right: 1px solid #d9dde0;}
.aboutus-shownum li:last-child .shownum-cont{border: none;}
.shownum-cont h6{font-size: 52px;color: #003a5d;font-weight: bold;margin-bottom: 10px;font-family:'DINCOND-BOLD';}
.shownum-cont p{font-size: 16px;color: #003a5d;}
.aboutus-video{width: 100%;position: relative;}
.aboutus-video img{width: 100%;max-height: 550px;}
.aboutus-video i{width: 52px;height:52px;border-radius: 50%;background:#d7d9dd url(../images/index/video.png) no-repeat 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;line-height: 52px;cursor: pointer}
.aboutus-video i:hover{filter: contrast(86%)}

/* 新闻资讯 */
.news{width: 100%;padding:108px 0 94px;background-color: #fff;z-index: 1;position: relative;}
.news-item{width: 100%;display: flex;justify-content: space-between;}
.news-item > .indtit{width: auto; text-align: left;}
.news-itemlink ul{display: flex;flex-direction:row;}
.news-itemlink ul li{ margin:0 6px;text-align: center;}
.news-itemlink ul li:last-child{margin-right: 0;}
.news-itemlink a{display:inline-block;width: 132px;height: 42px;line-height: 42px;box-sizing: content-box;border-radius: 30px;border: 2px solid #033957; font-size: 16px;color: #033957;font-weight: bold;} 
.news-itemlink li.ontrue a{color: #fff;background: #003a5d;}
.news-itemnav{width: 100%;margin-top: 40px;}
.news-itemnav li{width: 100%;overflow: hidden;display: none;}
.news-itemnav li.ontrue{display: block;}
.news-deswdimg{width: 100%;display: block;height: 350px;}
.newst-desimg{width: 100%;overflow: hidden;}
.newst-desimg img{width: 100%;object-fit: cover;max-height: 290px;}
.news-deswdcont{width:90%;background:#fff;margin:0 auto;box-shadow:0 5px 40px 0 rgba(0,0,0,.1);transform:translateY(-75px);padding:30px;transition:all .6s ease;height:140px}
.news-deswdcont .deswdtit h3{font-size:18px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px;line-height:24px}
.news-deswdimg span{display:block;color:#999;font-size:14px;margin-top:15px}
.news-deswdimg p{font-size:15px;line-height:24px;color:#fff;height:0;border-top:1px solid rgba(255,255,255,.3);display:-webkit-box;-webkit-box-orient:vertical;margin-top:10px;padding-top:10px;-webkit-line-clamp:3;overflow:hidden;transition:height .6s ease}
.news-deswdimg:hover h3{color:#fff}
.news-deswdimg:hover span{color:#fff}
.news-deswdimg:hover p{height:83px}
.news-deswdimg:hover .news-deswdcont{background:#f5a82d;transform:translateY(-175px);height:225px}

.news-itemnav .swiper-wrapper{padding-bottom: 60px;}
.news-itemnav .swiper-pagination{bottom: 0 !important;}
.news-itemnav .swiper-pagination-bullet{height: 10px;width: 10px; border: 2px solid #b6c7d9;background-color: transparent;position: relative;opacity: 1;margin: 0 12px !important;}
.news-itemnav .swiper-pagination-bullet-active{width: 20px;height: 20px;border: none;background: url(../images/index/pag.png) no-repeat;} 
.swiper-container-horizontal>.swiper-pagination-bullets{display: flex;justify-content: center;align-items: center;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner{height:546px;}
    .bshadow{height:546px;}
    .banner-img{height: 546px;}
    .banner-img img{height: 546px;}
    .indban .swiper-pagination{bottom: 40px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banner{height:530px;}
    .bshadow{height:530px;}
    .banner-img{height: 530px;}
    .banner-img img{height: 530px;}
    .aboutus-showcont{padding: 0 238px}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .banner{height:500px;}
    .bshadow{height:500px;}
    .banner-img{height: 500px;}
    .banner-img img{height: 500px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner{height:450px;}
    .bshadow{height:450px;}
    .banner-img{height: 450px;}
    .banner-img img{height: 450px;}
    .aboutus-showcont{padding: 0 40px}
    .indban .swiper-pagination{bottom: 28px;}
    .product-prowd p{font-size: 16px}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .banner{height:400px;}
    .bshadow{height:400px;}
    .banner-img{height: 400px;}
    .banner-img img{height: 400px;}
    .product-desimg{height: 200px}
    .news-deswdimg{height: 250px}
    .news-deswdcont{padding: 20px}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner{height:390px;}
    .bshadow{height:390px;}
    .banner-img{height:390px;}
    .banner-img img{height:390px;}
    .banner .swiper-pagination{bottom: 18px;}
    .indprod{padding-top: 60px}
    .product-prowd p{font-size: 14px}
    .equip-min{padding:15px 20px;height: 120px}
    .aboutus{margin-top: 0;padding: 60px 0 0 0}
    .aboutus-showitem{top: 0}
    .aboutus-video i{top: 50%}
    .shownum-cont h6{font-size: 40px}
    .shownum-cont p{font-size: 14px;padding: 0 20px;line-height: 20px}
    .aboutus-shownum ul li{padding-bottom: 20px;}
    .product-deswdcont{padding:20px;height: 60px;}
    .product-desimg{margin-bottom: 60px;height: 120px}
    .product-desbox{padding:50px 0}
    .product-desbox .swiper-wrapper{padding-bottom: 45px}
    .product-deswdimg:hover .product-deswdcont{height: 120px}
    .product-deswdcont h3{font-size: 16px}
    .product-prowd p{margin-top: 10px}
    .news{padding: 60px 0}
    .news-itemnav .swiper-wrapper{padding-bottom: 100px}
    .news-deswdcont .deswdtit h3{font-size: 16px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Header-wrapper .contain{width: 100%;}
    .banner{height:320px;}
    .bshadow{height:320px;}
    .banner-img{height: 320px;}
    .banner-img img{min-height:320px;}
    .banner-img-pc{display: none;}
    .banner-img-mb{display: block;}
    .banner .swiper-pagination{bottom: 10px;}
    .indprod{padding-top: 40px}
    .indtit h3{font-size: 28px}
    .indtit p{font-size: 18px}
    .product-deswdimg{width: 100%;margin-left: 0;margin-bottom: 20px}
    .product-desimg{height: 160px}
    .product-item-ul{margin-left: 0}
    .product-desbox .swiper-wrapper{padding-bottom: 25px}
    .aboutus-showcont {padding: 0 0px;}
    .aboutus-shownum ul li{width: 50%}
    .aboutus-shownum ul{flex-wrap: wrap}
    .aboutus-shownum li:nth-child(2) .shownum-cont{border:0}
    .aboutus-video img {min-height: 268px;}
    .news-item{flex-wrap: wrap}
    .news-item .news-itemlink{width: 100%}
    .news-item > .indtit{text-align: center;width: 100%}
    .news-itemlink ul{justify-content: center;margin-top: 20px}
    .product-probox .contain{padding: 0 80px}
    .aboutus-showcont p br{display: none;}
    .aboutus-showmore a {width: 168px;height: 48px;line-height: 46px;}
}