@charset "utf-8";
/* ===================引导页样式========================== */
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-pc{display: block;}
.banner-mb{display: none;}
.banner-wd{position: absolute;width: 100%;left: 0;top: 46%;z-index: 2;color: #333;transform: translateY(-50%);}
.banner-wdfd{width: 50%;float: right;}
.banner-wd h6{font-size: 36px;}
.banner-wd p{font-size: 60px;margin: 44px 0 50px;font-weight: 600;}
.banner-wd span{width: 112px;height: 34px;line-height: 34px;animation: proBr 1s ease both 800ms;opacity: 1;display: block;border-radius: 30px;background: #1374df;font-size: 14px;font-weight: 300;color: #fff;text-align: center;}
/* .swiper-slide-active .banner-wd h6{animation: indDhh 1s ease both 1s;}
.swiper-slide-active .banner-wd p{animation: indDhp 1s ease both 1s;}
@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: 20px;}
.swpfocus.swiper-pagination span{margin: 0 7px !important;vertical-align: middle;}
.swpfocus.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 12px;background: #fff;opacity: .5;}
.swpfocus.swiper-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #fff;opacity: 1;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 44px;height: 72px;margin-top: -36px;background: url('../images/banArrH.png') no-repeat left 10px center;transition: all .4s ease;}
.banner .swiper-button-prev{left: 0;}
.banner .swiper-button-next{right: 0;transform: rotate(180deg);}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background-color: rgba(229, 147, 27, .65);background-image: url('../images/banArrH.png');}

.banner-one-slide .banner-wd{top: 28%;}
.banner-one-slide .banner-wdfd{text-align: right;}
.banner-one-slide .banner-wd span{float: right;}



.index-tit{font-size:35px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:10px;margin-bottom:20px;position:relative}
.index-tit:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%);height:3px;width:45px;background:#e5931b}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}

.zx_bt{width: 100%;margin: auto;margin:30px 0;text-align: center;}
.zx_bt h2{text-align: center;font-size: 32px;color: #000;font-weight: 500;padding-bottom:12px;background:url(../images/p_tt.png) center top no-repeat;}
.zx_bt p{font-size: 15px; line-height: 30px; color: #555;}
.zx_bt h2.white{color:#fff}
.zx_bt p.white{color:#fff}


#ind_spec{background: #f2f7fb; padding:40px 0 65px 0; overflow: hidden;}
#ind_spec ul{display:flex;flex-flow:wrap;justify-content:space-between; margin-left: -1%;}
#ind_spec li{width:15.65%;background:#fff;padding:1% 1.2% 2%;transition:all .3s linear;text-align: center;border-radius: 30px; margin-left: 1%; margin-bottom: 1%; flex-shrink: 0;}
#ind_spec li p{width:88px;display: inline-block;}
#ind_spec li p img{max-width: 100%;transition:all .5s}
#ind_spec li h3{font-size:14px;font-weight:400;text-transform:uppercase;color:#111;line-height:2;}
#ind_spec li .des{font-size:13px;line-height:2;color:#777}
#ind_spec li:hover{background-size:125px auto}
#ind_spec li:hover h3{text-decoration:underline}
#ind_spec li p img:hover{transition:all .5s;transform: scale(1.25,1.25);}

@media screen and (max-width:1000px){
  #ind_spec li{flex:initial;width:24%;}
}

@media screen and (max-width:768px){
  #ind_spec li{width:49%;}
}

.dyip{ background: #fff;  padding:40px 0 80px 0;  overflow: hidden;}
.dyip ul{display:flex;flex-flow:row wrap;justify-content:space-between; margin-left: -1%;}
.dyip ul li{width:25%;flex:1;background:#fff;transition:all .3s linear;text-align: center;  margin-left: 1%;position: relative; overflow: hidden;}
.dyip ul li .hy_img{width: 100%; overflow: hidden;}
.dyip ul li .hy_img img{max-width: 100%;transition:all .5s}
.dyip ul li .hy_txts{position: absolute;left: 0; top: 75%; padding:5%; background: rgba(0, 0, 0, .6);text-align: center;color: #fff;width: 100%; height: 100%;
    box-sizing: border-box; display: flex; }
.dyip ul li .hy_txts h3{font-size: 16px;font-weight: 700;line-height: 2.25;}
.dyip ul li .hy_txts span{font-size: 13px;display: block;padding-bottom: 30px;}
.dyip ul li .hy_txts p{font-size: 13px; line-height: 2.25;}
.dyip ul li .hy_txts a{margin-top: 5%; display: block; overflow: hidden;}
.dyip ul li:hover .hy_txts{ background: rgba(3, 63, 127, .8); height: 100%;transition:all .5s;top: 0;align-items: center;}

.dyip ul li:nth-child(5){background: #eee; display: flex;
    align-items: center;
    justify-content: center;}
.dyip ul li .more{font-size: 18px; color: #23c0ff;}


.sy_about{width: 100%; background: url(../images/g_bg.jpg) center center no-repeat; background-size: cover; padding:60px 0; overflow: hidden;}
.sy_about_txt{ width: 45.5%;  }
.sy_about_img{ width: 48%;}
.sy_about_txt .sy_item_tit{ text-align: left; padding-bottom: 15px;}
.sy_about_txt .sy_item_tit h2{ color: #231815; font-size: 34px; font-weight: bold; line-height: 1.55;}
.sy_about_txt p{ line-height: 32px; font-size: 15px; color: #444; margin-bottom: 30px;}
.more_btn{ background: #231815; min-width: 150px; transition: all 0.5s ease; display: inline-block;}
.more_btn a,.more_btn span{ display: block; width: 100%; line-height: 45px; color: #fff; text-align: center;}

.sy_about .ys_txt{text-align: center;font-size: 20px; font-weight: bold;line-height: 45px; color: #fff;}
.sy_about .ys_txt img{max-width: 100%;transition:all .5s;border-radius: 15px; margin:0 10px ;}

.indmh-num{width: 100%; padding-bottom: 1%; overflow: hidden;}
.indmh-num li{width: 25%;text-align: center; color: #444; margin-bottom: 3.5%;}
.indmh-num li .num{font-family: "MB";font-weight: 400;font-size: 15px;}
.indmh-num li .num span{font-weight: 400;font-size: 55px;margin-right: 8px;  color: #fff; letter-spacing: -2px;}
.indmh-num li .num sup{ color: #fff; vertical-align: top;}
.indmh-num li .text {line-height: 2.1; color: #b8e9ff;font-size: 14px;}


.flex{display: flex;flex-wrap: wrap;}


.news{width: 100%;padding: 60px 0 50px; background: #f4f4f4; overflow: hidden;}
.news .swiper-container{padding: 0 0 60px}
.news a{display:block;width:100%; transition:all .4s ease;position: relative;}
.news-img{width: 100%;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;transition: all 1s ease;}
.news-wd{width: 100%;padding-top: 18px;color: #333;}
.news-wd h6{font-size: 15px; font-weight: bold;  line-height: 25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-wd p{font-size: 13px;color: #555;line-height: 27px;height: 54px;margin-top: 10px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-list li a:hover .news-img img{transform: scale(1.06);}

.news-list .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#fff}
.news-list .swiper-pagination-bullet-active{background:#c41218}
.news-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}

.sidebar-content{position: fixed; bottom: 25%; right: 0; z-index: 1000;display: none;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #0066b2 url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #0066b2 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #0066b2 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #0066b2 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #0066b2 url(../images/side5.png) no-repeat center center;}
.si6 .sidebar-icon{background: #0066b2 url(../images/side6.png) no-repeat center center;}
.si7 .sidebar-icon{background: #0066b2 url(../images/side7.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ffba00 url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ffba00 url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ffba00 url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ffba00 url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ffba00 url(../images/side5.png) no-repeat center center;}
.si6:hover .sidebar-icon{background: #ffba00 url(../images/side6.png) no-repeat center center;}
.si7:hover .sidebar-icon{background: #ffba00 url(../images/side7.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ffba00; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ffba00; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}



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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .news {padding: 68px 0 100px;}
    .news-list {margin-top: 68px;}
    .banner-wd h6{font-size: 32px;}
    .banner-wd p{font-size: 50px;margin: 40px 0 44px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .news {padding: 60px 0 80px;}
    .news-list {margin-top: 60px;}
    .banner-wd h6{font-size: 28px;}
    .banner-wd p{font-size: 40px;margin: 32px 0 38px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .vdcontent{width: 80%;}
    .indabo-xxpro{height: 348px;}
    .indabo-xximg {margin: 20px 0 0 0px;}
    .news-tit h6 {font-size: 32px;}
    .indabo-xxpro .indabo-xxwd{right: 60px;}

    .indmh-desc{max-width: 100%; }
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indabo-xxpro .indabo-xxwd{right: 32px;}
    .banner-pc{height: auto !important;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indabo-xxwd h6 {font-size: 20px;line-height: 26px;}
    .indabo-xxpro {height: auto;padding: 20px 0;}
    .indabo-xximg {margin: 0;}
    .indabo-xxpro .indabo-xxwd{right: 20px;}
    .indabo-vd i{width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;}
    .banner-wd h6{font-size: 24px;}
    .banner-wd p{font-size: 32px;margin: 24px 0 28px;}

    .zx_bt h2{font-size: 27px;}
    .zx_bt p{font-size: 14px;}

    .dyip ul li{flex: initial; width: 32.333%; margin-bottom: 1%;}

    .sy_about_txt {width: 100%;}
    .sy_about_txt .sy_item_tit h2{font-size: 27px;}
    .sy_about_txt p {line-height: 28px;font-size: 14px;}
    .sy_about_img{width: 100%; margin-top: 6%;}

    .indmh-num li{width: 33.333%;}
    .indmh-num li .num span{font-size:40px;}
    .sy_about .ys_txt{font-size: 17px; line-height: 32px;}


}
@media all and (max-width:780px) {
    /* 移动终端以上 360 适配 */
    .banner-pc{display: none;}
    .banner-mb{display: block;}
    .vdcontent{width: 96%;}
    .vdBox-close {right: 0;}
    .banner .swiper-button-prev, .banner .swiper-button-next {width: 36px;height: 60px;margin-top: -30px;background-size: 12px auto;}
    .banner .swpfocus.swiper-pagination {bottom: 10px;}
    .indabo-xx li{width: 100%;}
    .indabo-xxitem{margin-top: 24px !important;}
    .indabo-xximg{max-width: 80%;}
    .indabo-xxpro .indabo-xxwd{top: 28%;}
    .indabo-vdbg{min-height: 220px;}
    .indabo-vd i{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
    .news {padding: 36px 0 40px;}
    .news-tit h6 {font-size: 24px;}
    .news-tit a{margin-top: 10px;}
    .news-list {margin-top: 16px;}
    .news-list ul {margin-left: 0%;}
    .news-list li {width: 100%;margin-left: 0%;margin-top: 20px;}
    .news-wd p {height: 48px;margin-top: 12px;padding-right: 0;-webkit-line-clamp: 2;}
    .banner-wdfd {width: 100%;text-align: center;}
    .banner-wd h6 {font-size: 18px;}
    .banner-wd p {font-size: 22px;margin: 12px 0 16px;}
    .banner-wd span {width: 100px;height: 30px;line-height: 30px;margin: 0 auto;}
    .banner-wd {top: 32px;transform: translateY(0);}
    .banner-img{/*padding-top: 68px;*/position: relative;}

    .banner-one-slide .banner-wd{top: 32px;display: none}
    .banner-one-slide .banner-wdfd{text-align: center;}
    .banner-one-slide .banner-wd span{float: none;}

    .dyip ul li{ width: 49%;}
    .indmh-num li{width: 50%;}

}