@charset "utf-8";
/* ===================引导页样式========================== */
.Container-wrapper{margin-top: 0;}
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-pc{display: block;min-height: 400px;}
.banner-mb{display: none;min-height: 320px;}
.banner-wd{position: absolute;width: 100%;left: 0;top: 46%;z-index: 2;transform: translateY(-50%);padding-right: 13.75%;}
.banner-wdfont{background: rgba(255, 255, 255, .09);padding: 52px 40px;width: auto;float: right;text-align: right;opacity: 0;}
.banner-wdfont h6{font-size: 48px;color: #fff;font-weight: 700;}
.banner-wdfont p{font-size: 24px;color: #fff;font-weight: 300;margin-top: 20px;}
.swiper-slide-active .banner-wdfont{animation: indDhd 1s ease both;}
.swiper-slide-active .banner-wdfont h6{animation: indDhh 1s ease both 1s;}
.swiper-slide-active .banner-wdfont p{animation: indDhp 1s ease both 1s;}
@keyframes indDhd{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
@keyframes indDhh{0%{opacity: 0;transform: translateX(-120px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indDhp{0%{opacity: 0;transform: translateX(120px);}100%{opacity: 1;transform: translateX(0);}}
.banner .swpfocus.swiper-pagination{bottom: 48px;}
.swpfocus.swiper-pagination span{margin: 0 8px !important;vertical-align: middle;}
.swpfocus.swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background: #bebebe;opacity: 1;}
.swpfocus.swiper-pagination .swiper-pagination-bullet-active{width: 19px;height: 19px;background: url('../images/dotIc.png') no-repeat;}

.indtab{width: 100%;margin-top: 4px;}
.indtab-list{width: 100%;}
.indtab-imgwd{display: block;width: 33.2%;float: left;overflow: hidden;position: relative;}
.indtab-imgwd:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .39;}
.indtab-imgwd:nth-child(2){margin: 0 .2%;}
.indtab-imgwd img{width: 100%;object-fit: cover;transition: all 1.2s ease;}
.indtab-wd{position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 30px 24px;z-index: 2;}
.indtab-wd h6{font-size: 24px;color: #fff;}
.indtab-wd i{display: block;width: 30px;height: 3px;background: #fff;margin: 10px 0 12px;}
.indtab-wd p{font-size: 16px;color: #fff;line-height: 18px;}
.indtab-imgwd:hover img{transform: scale(1.04);}
.indtab-imgwd label{display: block;width: 56px;height: 56px;position: absolute;top: 50%;left: 50%;margin-top: -28px;margin-left: -28px;background: url('../images/index/vdplay.png') no-repeat;z-index: 3;cursor: pointer;}
.indtab-imgwd:hover label{transform: rotate(360deg);transition: all 1s ease;}
/* 视频弹窗 */
.vdBox{display: none;opacity: 0;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.vd{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.vdcontent{display: flex;justify-content: center;align-items: center;position: relative;width: 60%;height: 100%;margin: 0 auto;}
.vdcontent-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.vdcontent-core video{width: 100%;}
.vdBox-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/index/vdclose.png') no-repeat center;cursor: pointer;opacity: .5;transition: all .6s ease;}
.vdBox-close:hover{opacity: 1;}
/* ==over== */

.product{width: 100%;overflow: hidden;padding: 68px 0 88px;}
.product-list{width: 100%;margin-top: 48px;position: relative;padding: 0 86px;}
.product-imgwd{display: block;width: 100%;background: #f9f9f9;text-align: center;padding: 58px 0 42px;}
.product-img{width: 100%;height: 195px;}
.product-img img{max-height: 100%;object-fit: cover;transition: all 1s ease; width:100%; height:auto}
.product-wd{width: 100%;margin-top: 12px;}
.product-wd h6{font-size: 24px;height:30px;color: #666;transition: all .4s ease;}
.product-imgwd:hover .product-img img{transform: scale(0.96);}
.product-imgwd:hover .product-wd h6{color: #00479d;}
.product-prev,.product-next{width: 86px;height: 100%;position: absolute;top: 0;z-index: 2;background: url('../images/proLR.png') no-repeat center;cursor: pointer;}
.product-prev{left: 0;}
.product-next{right: 0;transform: rotate(180deg);}
.product-prev:hover,.product-next:hover{background-image: url('../images/proLRH.png');}

.news{width: 100%;padding-bottom: 68px;}
.news-list{width: 100%;margin-top: 48px;position: relative;padding: 0 86px;}
.news-wd,.news-img{width: 25%;float: left;}
.news-wd a,.news-img a{display: block;width: 100%;position: relative;overflow: hidden;}
.news-wd span{font-size: 16px;color: #a1a0ac;}
.news-wd h6{font-size: 18px;height:20px;color: #656577;font-weight: 700;transition: all .4s ease;margin: 42px 0 14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-wd p{font-size: 14px;color: #949a9e;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-wd{padding: 24px 34px 20px;}
.news-wdone{padding-left: 0;}
.news-wdthree{padding-right: 0;}
.news-img a img{width: 100%;object-fit: cover;height: 198px;}
.news-img a p{font-size: 16px;color: #fff;position: absolute;z-index: 2;top: 20px;left: 12px;}
.news-img a h6{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.42);padding: 12px;}
.news-img a h6 span{display: block;width: 100%;font-size: 16px;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.news-wd a:hover h6{color: #00479d;}
.news-img a:hover h6 span{color: #00479d;}


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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-wdfont {padding: 44px 32px;}
    .banner-wdfont h6{font-size: 42px;}
    .banner-wdfont p {font-size: 22px;margin-top: 18px;}
    .product {padding: 68px 0 80px;}
    .product-wd h6 {font-size: 26px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banner-wdfont h6 {font-size: 36px;}
    .banner-wdfont p {font-size: 20px;margin-top: 12px;}
    .banner-wdfont {padding: 32px 28px;}
    .indtab-wd h6 {font-size: 20px;}
    .indtab-wd p{font-size: 14px;}
    .indtab-wd i {margin: 8px 0 10px;}
    .indtab-wd {padding: 0 20px 18px;}
    .indtab-imgwd img{min-height: 194px;}
    .product-imgwd {padding: 0px 0 36px;}
    .product-wd h6 {font-size: 22px; padding-top:12px}
    .news-wd h6 {margin: 30px 0 12px;}
    .news-wd {padding: 20px 24px 18px;}
    .news-img a img {height: 168px;}
    .news-list,.product-list{margin-top: 38px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .product {padding: 58px 0 64px;}
    .news {padding-bottom: 64px;}
    .news-wd, .news-img{width: 50%;}
    .news-img, .news-wdthree{margin-top: 28px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .vdcontent{width: 80%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .banner-pc{height: auto !important;}
    .banner-wd {top: 50%;padding-right: 4%;}
    .banner-wdfont h6 {font-size: 32px;}
    .banner-wdfont p {font-size: 18px;margin-top: 10px;}
    .banner .swpfocus.swiper-pagination {bottom: 38px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-wdfont h6 {font-size: 28px;}
    .banner-wdfont p {font-size: 16px;margin-top: 10px;}
    .indtab-imgwd {width: 100%;margin: 12px 0 0 0 !important;}
    .news-list {padding: 0 4%;}
    .indtab-wd {padding: 0 4% 20px;}
    .banner .swpfocus.swiper-pagination {bottom: 28px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-pc{display: none;}
    .banner-mb{display: block;}
    .vdcontent{width: 96%;}
    .banner-wdfont h6 {font-size: 20px;}
    .banner-wdfont p {font-size: 12px;margin-top: 8px;}
    .banner-wdfont {padding: 20px 18px;}
    .banner .swpfocus.swiper-pagination {bottom: 18px;}
    .vdBox-close {right: 0;}
    .indtab-wd i {margin: 6px 0 8px;height: 2px;}
    .indtab-wd {padding: 0 4% 16px;}
    .product {padding: 34px 0 38px;}
    .product-prev, .product-next{width: 40px;}
    .product-list {padding: 0 44px;}
    .product-imgwd {padding: 34px 0 28px;}
    .news-list, .product-list {margin-top: 28px;}
    .news-wd {padding: 0;}
    .news-wdone{border-right: none;border-bottom: 1px solid #eee;padding-bottom: 20px;}
    .news-wd, .news-img{width: 100%;}
    .news-wd h6 {margin: 16px 0 10px;font-size: 16px;}
    .news-wdtwo{margin-top: 20px;}
    .news-img, .news-wdthree {margin-top: 20px;}
    .news {padding-bottom: 38px;}
    .product-wd h6 {font-size: 20px;}
    .product-wd {margin-top: 10px;}
}