@charset "utf-8";
/* ===================首页样式========================== */
.banner { position: relative; }
.banner-bg img { width: 100%; min-height: 350px; height: calc(100vh - 88px); }
.banner-con-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner-con-box .contain { height: 100%; flex-direction: column; justify-content: center; }
.banner-con {
    width: 40%;
    transform: translateX(150px);
    opacity: 0;
    transition: all 1s ease .8s;
    margin-top: 19%;
}
.swiper-slide-active .banner-con { opacity: 1; transform: translateX(0); }
.banner-con .title {
    letter-spacing: 2px;
    color: #000;
}
.banner-con .text {
    width: 78%;
    color: #000;
}
.banner-more { align-items: center; border-radius: 50px; justify-content: center; width: 190px; height: 55px; background: #00519c; transition: all .4s ease; position: relative; }
.banner-more::after { content: ""; position: absolute; left: 60px; bottom: 13px; width: 0; height: 2px; background: #fff; transition: all .4s ease; }
.banner-more:hover::after { width: 72px; }
.banner-pagination { bottom: 40px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; }
.banner-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; opacity: 1; position: relative; margin: 0 22px !important; transition: all .4s ease; }
.banner-pagination .swiper-pagination-bullet i { position: absolute; width: 24px; height: 24px; margin: -12px 0 0 -12px; top: 50%; left: 50%; opacity: 0; transition: all .4s ease; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); }
.banner-pagination .swiper-pagination-bullet svg { position: absolute; z-index: 2; left: 50%; top: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; transform: rotate(-90deg); opacity: 0; transition: all .4s ease; }
.banner-pagination .swiper-pagination-bullet svg circle { stroke-dasharray: 145, 145; stroke-dashoffset: 145; }
.banner-pagination .swiper-pagination-bullet-active { background: transparent; }
.banner-pagination .swiper-pagination-bullet-active i { opacity: 1; }
.banner-pagination .swiper-pagination-bullet-active svg { opacity: 1; }
.banner-pagination .swiper-pagination-bullet-active svg circle { animation: bulletRun 5s linear both; }
.banner-pagination .swiper-pagination-bullet-active.oneBullet svg circle { animation: bulletRun 4s linear both; }
@keyframes bulletRun { 0% {
stroke-dashoffset:100;
}
100% {
stroke-dashoffset:0;
}
}
.indYY-title { text-align: center; letter-spacing: 2px; }
.indYY-swp { position: relative; }
.indYY-slide { display: block; }
.indYY-icon { text-align: center; margin-bottom: 15px; }
.indYY-icon img { transition: all .4s ease; }
.indYY-slide:hover .indYY-icon img { transform: scale(1.1); }
.indYY-scrollbar { width: 100%; height: 2px; background: #ededed; position: absolute; left: 0; bottom: 0; }
    .indYY-scrollbar .swiper-scrollbar-drag {
        cursor: pointer;
        width: 45px;
        height: 45px;
        margin-top: -22px;
        border-radius: 50%;
        border: 1px solid #de5417;
        background: #fff;
    }
        .indYY-scrollbar .swiper-scrollbar-drag::after {
            transition: all .4s ease;
            content: "";
            border: 7px solid transparent;
            border-top-color: #de5417;
            width: 8px;
            height: 10px;
            transform: translateY(-50%) rotate(-90deg);
            position: absolute;
            right: -20px;
            top: 50%;
        }
        .indYY-scrollbar .swiper-scrollbar-drag::before {
            transition: all .4s ease;
            content: "";
            border: 7px solid transparent;
            border-top-color: #de5417;
            width: 8px;
            height: 10px;
            transform: translateY(-50%) rotate(90deg);
            position: absolute;
            left: -20px;
            top: 50%;
        }
.indYY-scrollbar .swiper-scrollbar-drag:hover::after { transform: translate(5px, -50%) rotate(-90deg); }
.indYY-scrollbar .swiper-scrollbar-drag:hover::before { transform: translate(-5px, -50%) rotate(90deg); }
.ind-product { position: relative; }
.indPro-bg img { width: 100%; min-height: 450px; }
.indPro-con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; align-items: center; }
.indPro-text { padding: 50px 60px 60px; background: rgba(0, 0, 0, .5); width: 46%; }
.indPro-more { position: relative; width: 240px; height: 55px; background: #00519c; border-radius: 50px; align-items: center; justify-content: center; }
.indPro-more::after { content: ""; position: absolute; left: 83px; bottom: 12px; width: 0; height: 2px; background: #fff; transition: all .4s ease; }
.indPro-more:hover::after { width: 75px; }
.indNews-swp { position: relative; }
.indNews { position: relative; overflow: hidden; }
.indNews-swp { z-index: 10; }
.indNews-swp .swiper-slide { display: flex; align-items: center; }
.indNews-num { flex-direction: column; position: relative; align-items: center; justify-content: center; text-align: center; width: 254px; height: 254px; }
.indNews-num-circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 3s ease; }
.indNews-num svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(120deg); width: 100%; width: 250px; height: 250px; }
.indNews-num-circle::after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: rotate(133deg) translate(-117px, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #de5417;
}
.indNews-swp .swiper-slide:hover .indNews-num-circle { transform: rotate(360deg); }
.indNews-num circle {
    width: 100%;
    height: 100%;
    stroke-width: 1px;
    fill: none;
    stroke: #de5417;
    stroke-dasharray: 100, 8;
    stroke-dashoffset: -100;
}
.indNews-num .day { line-height: 1; }
.indNews-con { flex: 1%; padding-left: 40px; }
.indNews-more {
    align-items: center;
    justify-content: center;
    border: 2px solid #de5417;
    border-radius: 50px;
    transition: all .4s ease;
    width: 240px;
    height: 55px;
}
    .indNews-more:hover {
        background: #de5417;
        color: #fff;
    }
.indNews-pagination { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); user-select: none; width:fit-content;}
    .indNews-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        opacity: 1;
        margin-left: 18px;
        position: relative;
        background: #de5417;
        transition: all .4s ease;
    }
.indNews-pagination .swiper-pagination-bullet:first-child { margin-left: 0; }
    .indNews-pagination .swiper-pagination-bullet::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #de5417;
        transition: all .6s ease;
    }
.indNews-pagination .swiper-pagination-bullet-active { background: transparent; }
.indNews-pagination .swiper-pagination-bullet-active::after { transform: translate(-50%, -50%) scale(1); }
.indNews-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; }
.indFA { background: url('../images/indfa-bg.jpg') no-repeat center/100% 100%; }
.indFA-title { text-align: center; letter-spacing: 1px; }
.indFA-items { justify-content: space-between; }
.indFA-item, .indFA-icon { text-align: center; display: block; }
.indFA-icon { height: 125px; }
.indFA-icon img { transition: all .4s ease; }
.indFA-item .text { text-decoration: underline; }
.indFA-item:hover .indFA-icon img { transform: scale(1.1); }
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
/* 1600 × (900) */
}
@media all and (max-width:1599px) {
/* 1440 × (700)  */
.banner-con { width: 36%; }
.banner-con .text { width: 100%; }
}
@media all and (max-width:1439px) {
/* 1360 */
}
@media all and (max-width:1359px) {
/* 1280 */
}
@media all and (max-width:1279px) {
/* 1152 × (700) */
.indNews-num, .indNews-num svg { width: 180px; height: 180px; }
.indNews-con { width: 50%; padding-left: 20px; }
.indNews-num-circle::after { transform: rotate(133deg) translate(-85px, -50%); }
.indNews-more { width: 180px; height: 45px; }
.indFA-icon { height: 110px; }
.indFA-icon img { max-width: 100px; }
.banner-con-box .contain { align-items: flex-start; }
.banner-con { width: 100%; }
.banner-con .text { margin-top: 10px; }
}
@media all and (max-width:1151px) {
/* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
/* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
/* 移动终端以上 360 适配 */
.banner-more { width: 150px; height: 42px; }
.banner-more::after { left: 41px; bottom: 8px; }
.banner-more:hover::after { width: 68px; }
.banner-pagination .swiper-pagination-bullet { margin: 0 12px !important; }
.indYY-scrollbar .swiper-scrollbar-drag { height: 30px; margin-top: -15px; }
.indYY-scrollbar .swiper-scrollbar-drag::before, .indYY-scrollbar .swiper-scrollbar-drag::after { border: 5px solid transparent; border-top-color: #00519c; }
.indYY-scrollbar .swiper-scrollbar-drag::after { right: -15px; }
.indYY-scrollbar .swiper-scrollbar-drag::before { left: -15px; }
.indPro-text { width: 100%; padding: 30px 15px; }
.indPro-more { width: 150px; height: 43px; }
.indPro-more::after { left: 42px; bottom: 8px; }
.indPro-more:hover::after { width: 67px; }
.indNews-swp .swiper-slide { overflow: hidden; flex-wrap: wrap; }
.indNews-num, .indNews-num svg { width: 120px; height: 120px; }
.indNews-num-circle::after { transform: rotate(132deg) translate(-56px, -50%); width: 4px; height: 4px; }
.indNews-more { width: 130px; height: 40px; }
.indNews-pagination { bottom: -10px; }
.indFA-item { width: 50%; margin-top: 30px; }
.banner-bg img { height: 400px; }
}
.tit1{ text-align:center;}
.tit1 .h2{ display:inline-block; vertical-align:top; padding:0 20px 0 0; border-right:5px solid #00519c; color:#000;}
.tit1 .h2 strong{ display:block; font-size:26px; line-height:36px; font-weight:normal;}
.tit1 .h2 span{ display:block; font-size:16px; line-height:26px;}
.index_add1bg{}
.index_add1{}
.index_add1 .list{ margin-top:40px;}
.index_add1 .list dl{}
.index_add1 .list dl dt{ float:left; width:284px;}
.index_add1 .list dl dt .img{ height:340px; background:url(../images/more1.jpg) center no-repeat; background-size:cover;}
.index_add1 .list dl dt:hover .img{ background-image:url(../images/more2.png);}
.index_add1 .list dl dd{ float:left; width:calc((100% - 284px)/6); position:relative;}
.index_add1 .list dl dd .nr_box{}
.index_add1 .list dl dd .img{ height:340px; position:relative;}
.index_add1 .list dl dd .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; z-index:1;}
.index_add1 .list dl dd .img:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:2;}
.index_add1 .list dl dd:hover .img:before{ background:none;}
.index_add1 .list dl dd .txtbg{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3;}
.index_add1 .list dl dd .txt{ text-align:center; color:#fff; padding:0 5px;}
.index_add1 .list dl dd .txt .h2{ font-size:18px; line-height:28px;}
@media all and (max-width:1000px) {
.index_add1 .list dl dt{ display:none;}
.index_add1 .list dl dd{ float:left; width:calc(100%/3); }
.index_add1 .list dl dd .img{ height:auto; padding-bottom:250%;}
}