@charset "utf-8";
/* ===================棣栭〉鏍峰紡========================== */
/* banner */
.banner{height:656px;position:relative}
.banner .swiper-container,.banner-bg{height:100%}
.banner-bg-mb{display:none}
.banner-cont{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;flex-direction:column;justify-content:center}
.banner-nav{position:absolute;width:100%;left:0;bottom:0}
.banner-nav .contain-1344{position: relative;}
.banner-nav .swiper-pagination{position:absolute;left:auto;right: 0;bottom:52px;font-size: 0;}
.banner-nav .swiper-pagination-bullet{width:11px;height:11px;background: transparent;opacity:1;margin:0 8px 0 0 !important;border: 2px solid #fff;}
.banner-nav .swiper-pagination-bullet:last-child{margin: 0 !important;}
.banner-nav .swiper-pagination-bullet-active{background:#fff;}
.banner-nav .contain{position:relative;height:100%}
.banner-nav-btn{width:54px;height:54px;display:flex;justify-content:center;align-items:center;border:3px solid #fff;color:#fff;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);padding-left:6px;cursor:pointer;transition:all .4s ease;z-index: 2}
.banner-nav-btn:hover{border-color:#ed9640;color:#ed9640}
.banner-prev{left:40px}
.banner-next{right:40px;transform:translateY(-50%) rotate(-180deg)}
.banner-line{position: absolute;width: 100%;height: 4px;pointer-events: none;z-index: 4;left: 0;bottom: 0;overflow: hidden;}
.banner-line::after{content: "";position: absolute;background: #288fc8;left: 0;top: 0;height: 100%;}
.banner-line.active::after{animation: lineRun 5s ease both;}
.banner-line.one.active::after{animation: lineRun 4s ease both;}
@keyframes lineRun {0%{width: 0;}100%{width: 100%;}}

.section{width: 100%;overflow: hidden;}
.indTitle{width: auto;}
.indTitle .cn{color: #288fc8;line-height: 1.3;}
.indTitle .en{color: #ff7d00;}
.indMore{color: #288fc8;}
.indMore span{padding-left: 36px;background: url('../images/indexT/dot.png') no-repeat left center;transition: all .4s ease;}
.indMore:hover span{color: #ff7d00;background-image: url('../images/indexT/dotH.png');}

/* 鏂伴椈涓績 */
.news{background: url('../images/indexT/indxwBg.jpg') no-repeat center/cover;}
.news-mix{width: 100%;}
.news-info{width: 258px;display: flex;flex-direction: column;justify-content: space-between;padding: 0 28px 30px 0;}
.news-hint{width: 100%;}
.news-hint .text{color: #42424e;}
.news-hint .num{color: #ff7d00;line-height: 1;}
.news-btn{width: 100%;}
.news-btn>div{width: 60px;height: 60px;border-radius: 10px;background-color: #494949;cursor: pointer;transition: all .4s ease;background-repeat: no-repeat;background-position: center;}
.news-btn>div.swiper-button-disabled{pointer-events: none;background-color: #dfdfdf;}
.news-btn>div.prev{background-image: url('../images/indexT/indxwL.png');}
.news-btn>div.next{background-image: url('../images/indexT/indxwR.png');margin-left: 12px;}
.news-btn>div:hover{background-color: #288fc8;}
.news-loop{width: calc(100% - 258px);}
.news-loop .swiper-container{padding-bottom: 30px;}
.news-list{width: 100%;}
.news-list a:not(:first-child){margin-top: 30px;}
.news-img{width: 200px;height: 136px;background: #fff;border-radius: 12px;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;padding: 0;transition: all .4s ease;}
.news-img img{max-width: 100%;max-height: 100%;transition: all .6s ease;}
.news-cont{width: calc(100% - 200px);padding-left: 30px;position: relative;}
.news-cont::after{content: "";position: absolute;width: calc(100% - 30px);bottom: 0;right: 0;background: #e3e3e3;height: 2px;}
.news-cont .time{line-height: 1;color: #ff7d00;}
.news-cont .title{color: #3c3c48;transition: all .4s ease;}
.news-cont .text{color: #73737c;}
.news-list a:hover .news-img{border-color: #ff7d00;}
.news-list a:hover .news-img img{transform: scale(1.06);}
.news-list a:hover .news-cont .title{color: #288fc8;}
.news-more{padding-left: calc(258px + 200px +  30px);}
/* dh */
.news-info, .news-loop .swiper-slide:first-child a, .news-more{opacity: 0;}
.news-info.startAnimate{animation: to-lft 1.5s ease both}
.news-loop .swiper-slide:first-child a.startAnimate{animation: to-up 1.5s ease both}
.news-more.startAnimate{animation: to-up 1.5s ease both}

/* 浜у搧涓庢湇鍔 */
.prod{background:url('../images/indexT/indfwBg.jpg') no-repeat left top/100% 800px}
.prod-head{max-width: 580px;}
.prod-head .indTitle .cn{color: #9ddcff;}
.prod-head .indTitle .cn span{margin-left:12px;}
.prod-head .indTitle .title{color: #fff;line-height: 1.24;}
.prod-head .indTitle .en{color: #fff;opacity: 0.5;max-width: 500px;}
.prod-main{width: 100%;}
.prod-main ul{margin: -14px 0 0 -14px;}
.prod-main li{width: calc(33.3333% - 14px);margin: 14px 0 0 14px;overflow: hidden;position: relative;border-radius: 25px;}
.prod-main li img.bg{width: 100%;height: 280px;transition: all .4s ease;}
.prod-main li::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);z-index: 1;transition: all .4s ease;}
.prod-main-cont{position: absolute;z-index: 4;width: 100%;bottom: 0;padding: 30px 28px;color: #fff;transform: translateY(calc(100% - 88px - 60px));transition: all .4s ease;}
.prod-main-cont::after{content: "";position: absolute;width: 100%;height: 0%;bottom: 0;left: 0;background: #ff7d00;transition: all .4s;}
.prod-main-cont .title{width: 100%;height: 88px;display: block;position: relative;z-index: 2;}
.prod-main-cont .title p{opacity: 0.4;max-width: 300px;line-height: 24px;}
.prod-main-cont .link{width: 100%;opacity: 0;transition: all .4s ease;position: relative;z-index: 2;}
.prod-main-cont .link a{margin: 4px 30px 0 0;font-size: 14px;position: relative;font-weight:700;}
.prod-main-cont .link a::after{content: "";position: absolute;width: 100%;height: 1px;background: #fff;left: 0;bottom: 0;opacity: 0;transition: all .4s ease;}
.prod-main-cont .link a:hover::after{opacity: 1;}
.prod-main li:hover .prod-main-cont{transform: translateY(0);}
.prod-main li:hover .prod-main-cont .link{opacity: 1;}
.prod-main li:hover::before{opacity: 0;}
.prod-main li:hover .prod-main-cont::after{height: 100%;}
.prod-main li:hover img.bg{transform: translateY(-16px);}
.prod-main li .prod-main-cont .link a:first-child{display:none}
.prod-list{width: 100%;margin-top: 14px;}
.prod-list-ul{margin: -14px 0 0 -14px;}
.prod-list-link{display: block;width: calc(20% - 14px);margin: 14px 0 0 14px;border-radius: 25px;overflow: hidden;position: relative;padding: 36px 28px;color: #fff;transition: all .6s ease;}
.prod-list-link:nth-child(4n+1){background: #006699;}
.prod-list-link:nth-child(4n+2){background: #288fc8;}
.prod-list-link:nth-child(4n+3){background: #ffba00;}
.prod-list-link:nth-child(4n+4){background: #01b051;}
.prod-list-link:nth-child(4n+5){background: #04acbb;}
.prod-list-link .ico{height: 74px;display: flex;align-items: center;}
.prod-list-link .ico img{max-height: 100%;}
.prod-list-link .text{opacity: 0.4;}
.prod-list-link:hover{background: #ff7d00;}
/* dh */
.prod-head, .prod-main, .prod-list{opacity: 0;}
.prod-head.startAnimate{animation: to-up 1.5s ease both}
.prod-main.startAnimate{animation: to-rgt 1.5s ease both}
.prod-list.startAnimate{animation: to-lft 1.5s ease both}

/* 鍏稿瀷瀹㈡埛 */
.clients{background: #fff;}
.clients-head{width: 100%;justify-content: space-between;border-bottom: 2px solid #e3e3e3;user-select: none;}
.clients-nav{width: auto;}
.clients-nav a{color: #3c3c48;padding: 0 12px;position: relative;margin-left: 18px;height: 42px;transition: all .4s ease;}
.clients-nav a:first-child{margin-left: 0;}
.clients-nav a::after{content: "";position: absolute;width: 100%;height: 2px;background: #ff7d00;left: 0;bottom: -2px;opacity: 0;transition: all .4s ease;}
.clients-nav a:hover, .clients-nav a.active{color: #ff7d00;}
.clients-nav a.active::after{opacity: 1;}
.clients-loop{width: 100%;}
.clients-loop .swiper-container{overflow: visible;}
.clients-list{width: 100%;}
.clients-ul{margin: -18px 0 0 -18px;}
.clients-link{width: calc(100%/6 - 18px);margin: 18px 0 0 18px;height: 96px;border-radius: 12px;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.clients-link img{max-width: 80%;max-height: 80%;transition: all .6s ease;}
.clients-link:hover{border-color: #288fc8;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
.clients-link:hover img{transform: scale(1.04);}
/* dh */
.clients .indTitle, .clients-head, .clients-loop{opacity: 0;}
.clients .indTitle.startAnimate{animation: to-up 1.5s ease both}
.clients-head.startAnimate{animation: to-up 1.5s ease both}
.clients-loop.startAnimate{animation: to-up 1.5s ease both}

/* 鍏充簬 */
.about{background: url('../images/indexT/indgyBg.jpg') no-repeat left top/cover;}
.about .contain-1344{justify-content: space-between;}
.about-info{width: 280px;}
.about-info .title{color: #288fc8;line-height: 1.2;}
.about-info .en{line-height: 1;color: #ff7d00;}
.about-info .text{color: #1f1e1d;opacity: 0.4;}
.about-info .link{display: flex;}
.about-other{width: 896px;background: #fff url('../images/indexT/indgyIcon.jpg') no-repeat right bottom;border-radius: 15px;padding: 74px 96px 74px 60px;}
.about-hint{width: 100%;}
.about-hint .title{color: #288fc8;}
.about-hint .text{color: #928e8a;}
.about-num{max-width: 580px;}
.about-num ul{margin-top: -22px;}
.about-num li{width: 50%;margin-top: 22px;}
.about-num li .num{color: #ff7d00;align-items: flex-start;}
.about-num li .num *{line-height: 1;}
.about-num li .num sup{margin-left: 6px;}
.about-num li .text{color: #928e8a;}
/* dh */
.about-info, .about-other{opacity: 0;}
.about-info.startAnimate{animation: to-lft 1.5s ease both}
.about-other.startAnimate{animation: to-rgt 1.5s ease both}



/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}

@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .banner {height: 588px;}
    .prod-head {max-width: 446px;}
    .prod-main li img.bg{height: 250px;}
    .prod-main-cont .title p {max-width: 236px;}
    .prod-main-cont .title{height: 80px;}
    .prod-main-cont {padding: 24px 24px;transform: translateY(calc(100% - 80px - 48px));}
    .prod-main li {border-radius: 16px;}
    .prod-main-cont .link a {margin: 4px 20px 0 0;}
    .prod-list-link {border-radius: 16px;padding: 28px 24px;}
    .prod {background-size: 100% 662px;}
    .clients-nav a {margin-left: 12px;}
    .about-other {width: 800px;border-radius: 12px;padding: 60px 80px 60px 50px;}
    .banner-prev{left:20px}
    .banner-next{right:20px}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .banner {height: 540px;}
    .about-other{width: 720px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .banner {height: 440px;}
    .news-img {height: 110px;}
    .news-list a:not(:first-child) {margin-top: 22px;}
    .prod-main li img.bg{height: 200px;}
    .prod-main-cont .title p{line-height: 20px;}
    .prod-main-cont .title{height: 66px;}
    .prod-main-cont {padding: 20px 20px;transform: translateY(calc(100% - 66px - 40px));}
    .prod-list-link {padding: 24px 20px;}
    .clients-ul {margin: -12px 0 0 -12px;}
    .clients-link {width: calc(100%/6 - 12px);margin: 12px 0 0 12px;height: 90px;border-radius: 10px;}
    .about-other {width: 580px;padding: 34px 50px 40px 32px;}
    .about-num {max-width: 320px;}
    .prod {background-size: 100% 564px;}
    .banner-nav-btn {top: -250px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-nav-btn{display:none}
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .banner-bg-mb{display: block}
    .banner-bg-pc{display: none}
    .news-info, .news-loop .swiper-slide:first-child a, .news-more{opacity: 1;}
    .prod-head, .prod-main, .prod-list{opacity: 1;}
    .clients .indTitle, .clients-head, .clients-loop{opacity: 1;}
    .about-info, .about-other{opacity: 1;}
    .news-info {width: 210px;padding: 0 20px 20px 0;}
    .news-loop .swiper-container {padding-bottom: 20px;}
    .news-loop {width: calc(100% - 210px);}
    .prod-main ul{margin: -14px 0 0;}
    .prod-main li{width: 100%;margin: 14px 0 0;}
    .prod-list-link {width: calc(50% - 14px);}
    .clients-link {width: calc(100%/3 - 12px);}
    .about-info{width: 100%;}
    .about-other{width: 100%;margin-top: 28px;}
    .banner {height: 342px;}
    .banner-nav .swiper-pagination{bottom: 20px;}
    .news-more {padding-left: calc(210px + 200px + 30px);}
    .about-info{padding-top: 0;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .banner {height: auto;}
    .banner-bg img{min-height: 164px;}
    .banner-line{height: 2px;}
    .banner-nav .swiper-pagination-bullet {width: 7px;height: 7px;margin: 0 6px 0 0 !important;border: 1px solid #fff;}
    .banner-nav .swiper-pagination{left: 0;margin: 0 auto;bottom: 16px;}
    .news-info{width: 100%;padding: 0;}
    .news-btn>div {width: 36px;height: 36px;border-radius: 4px;background-size: 8px auto;}
    .news-btn>div.next {margin-left: 8px;}
    .news-info .top{display: flex;justify-content: space-between;align-items: flex-end;}
    .news-hint{width: auto;margin: 0;}
    .news-loop{width: 100%;margin-top: 24px;}
    .news-img{width: 100px;border-radius: 6px;height: 96px;}
    .news-cont {width: calc(100% - 100px);padding-left: 16px;}
    .news-cont::after {width: calc(100% - 16px);}
    .news-list a:not(:first-child) {margin-top: 14px;}
    .news-more {padding: 0;justify-content: center;}
    .prod-head .indTitle .title{font-size: 20px;}
    .prod-main ul{margin: -10px 0 0;}
    .prod-main li{border-radius: 10px;margin: 10px 0 0;}
    .prod {background-size: auto 250px;}
    .prod-main-cont .title p {max-width: 200px;}
    .prod-main-cont {padding: 20px 15px;}
    .prod-main-cont .link a {margin: 2px 16px 0 0;}
    .prod-list-link .ico {height: 56px;}
    .prod-list{margin-top: 10px;}
    .prod-list-ul {margin: -10px 0 0 -10px;}
    .prod-list-link {width: calc(50% - 10px);border-radius: 10px;padding: 20px 16px;margin: 10px 0 0 10px;}
    .prod-list-link .text{font-size: 13px;line-height: 14px;}
    .prod-list-link .cont{margin-top: 12px;}
    .clients-nav a{padding: 0 4px;height: 30px;}
    .clients-head{position: relative;}
    .clients-more{position: absolute;right: 0;top: -36px;}
    .clients-ul {margin: -4px 0 0 -4px;}
    .clients-link {width: calc(100%/3 - 4px);margin: 4px 0 0 4px;height: 60px;border-radius: 4px;}
    .about-other {padding: 24px 15px;margin-top: 20px;background-size: auto 270px;border-radius: 8px;}
    .about-num ul {margin-top: -10px;}
    .about-num li {margin-top: 10px;}
    .about-num {max-width: 230px;}
    .about-num li .num sup {margin-left: 4px;}
    .clients-link:hover {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
}