.banner-container{width: 100%;position: relative;}
.banner-box{width: 100%;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img-pc{display: block;}
.banner-img-mb{display: none;min-height: 320px;}
.banner-box .swiper-pagination{bottom: 180px;}
.banner-box .swiper-pagination-bullet {width: 48px;height: 2px;border-radius: initial;background: #fff;opacity: 1;position: relative;}
.banner-box .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #efb41c;width: 0;height: 2px;z-index: 1;transition: 0s;}
.banner-box .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 3.6s ease;}
.banner-navnumbox{position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0, 0, 0, .2);z-index: 9;}
.banner-navnum{width: 1280px;margin: 0 auto;}
.banner-navnum ul li{float: left;width: 25%;height: 130px;border-right: 1px solid rgba(255, 255, 255, .2);font-size: 0;text-align: center;}
.banner-navnum ul li:last-child{border-right: none;}
.banner-navnum ul li i{display: inline-block;width: 86px;height: 130px;vertical-align: middle;}
.banner-num{color: #fff;display: inline-block;height: 130px;text-align: left;vertical-align: middle;margin-left: 16px;}
.banner-num h6{font-size: 0;margin-top: 28px;}
.banner-num h6 span{display: inline-block;vertical-align: middle;font-size: 44px;font-family: 'dincondbold';}
.banner-num h6 b{display: inline-block;vertical-align: -18px;font-size: 16px;margin-left: 4px;}
.banner-num p{font-size: 16px;}
.banner-navnum ul li:nth-child(1) i{background: url('../images/index/banIc1.png') no-repeat center center;}
.banner-navnum ul li:nth-child(2) i{background: url('../images/index/banIc2.png') no-repeat center center;}
.banner-navnum ul li:nth-child(3) i{background: url('../images/index/banIc3.png') no-repeat center center;}
.banner-navnum ul li:nth-child(4) i{background: url('../images/index/banIc4.png') no-repeat center center;}
.banner-words{position: absolute;top: 40%;left: 20%;}
.banner-words p{font-size: 44px;color: #fff;opacity: 0;}
.banner-words p span{font-size: 50px;color: #e3c235;}
.banner-words p:last-child{margin-top: 6px;margin-left: 100px;}
.swiper-slide-active .banner-words p{animation: banWL 1.2s ease-in-out both;}
.swiper-slide-active .banner-words p:last-child{animation: banWR 1.2s ease-in-out both;}
@keyframes banWL {0% {transform: translateX(-100px)}100% {transform: translateX(0);opacity: 1;}}
@keyframes banWR {0% {transform: translateX(100px)}100% {transform: translateX(0);opacity: 1;}}

.serve-container{width: 100%;background: #f8fcff;padding: 80px 0 40px 0;}
.serve{width: 1280px;margin: 0 auto;}
.index-title{width: 100%;text-align: center;}
.index-title h4{font-size: 36px;color: #222a2e;}
.index-title p{font-size: 16px;color: #555;margin-top: 12px;}
.serve-click{width: 100%;font-size: 0;text-align: center;margin-top: 26px;}
.serve-click ul li{display: inline-block;user-select: none;cursor: pointer;width: 166px;height: 46px;line-height: 46px;font-size: 0;vertical-align: middle;border-bottom: 1px solid #afc2d5;}
.serve-click ul li span{display: inline-block;vertical-align: middle;font-size: 18px;color: #333;margin-left: 12px;}
.serve-click ul li i{display: inline-block;vertical-align: middle;width: 28px;height: 46px;}
.serve-click ul li:nth-child(1) i{background: url('../images/index/proIc1.png') no-repeat center center;}
.serve-click ul li:nth-child(2) i{background: url('../images/index/proIc2.png') no-repeat center center;}
.serve-click ul li:nth-child(3) i{background: url('../images/index/proIc3.png') no-repeat center center;}
.serve-click ul li:nth-child(4) i{background: url('../images/index/proIc4.png') no-repeat center center;}
.serve-click ul li.ontrue {border-bottom-color: #146eb4;}
.serve-click ul li.ontrue span{color: #146eb4;}
.serve-click ul li.ontrue:nth-child(1) i{background: url('../images/index/proIc1H.png') no-repeat center center;}
.serve-click ul li.ontrue:nth-child(2) i{background: url('../images/index/proIc2H.png') no-repeat center center;}
.serve-click ul li.ontrue:nth-child(3) i{background: url('../images/index/proIc3H.png') no-repeat center center;}
.serve-click ul li.ontrue:nth-child(4) i{background: url('../images/index/proIc4H.png') no-repeat center center;}
.serve-picwordsbox{width: 100%;margin-top: 40px;}
.serve-picwords{width: 100%;}
.serve-words{width: 38%;float: left;padding: 44px 16px 0 16px;}
.serve-wordsfonts{width: 100%;}
.serve-wordsfonts h4{font-size: 28px;color: #146eb4;font-weight: bold;}
.serve-wordsfonts p{font-size: 18px;color: #777;line-height: 26px;margin-top: 12px;}
.serve-wordshref{width: 100%;margin-top: 20px;font-size: 0;}
.serve-wordshref a{display: inline-block;vertical-align: middle;font-size: 16px;margin-right: 40px;color: #777;height: 26px;line-height: 26px;transition: all .4s ease-in-out;border-bottom: 1px solid transparent;margin-top: 10px;}
.serve-wordshref a:hover{color: #146eb4;border-bottom-color: #146eb4;}
.serve-pic{width: 60%;float: right;text-align: center;}
.serve-pic img{max-width: 100%;}
.serve-more{display: block;width: 154px;height: 44px;border: 1px solid #146eb4;border-radius: 4px;position: relative;z-index: 1;text-align: center;line-height: 44px;font-size: 0;margin-top: 42px;overflow: hidden;}
.serve-more span,.serve-more i{display: inline-block;vertical-align: middle;}
.serve-more span{font-size: 14px;color: #146eb4;position: relative;z-index: 3;transition: all .5s ease-in-out;}
.serve-more i{width: 7px;height: 9px;background: url('../images/index/proArr.png') no-repeat;margin: -2px 0 0 10px;transition: all .3s ease-in-out;position: relative;z-index: 3;}
.serve-more:before{content: "";position: absolute;left: 50%;top: 50%;width: 200px;height: 200px;border-radius: 100%;background: #146eb4;margin-top: -100px;margin-left: -100px;z-index: 2;opacity: 0;transform: scale(0);transition: all .4s ease-in-out;}
.serve-more:hover:before{opacity: 1;transform: scale(1)}
.serve-more:hover span{color: #fff;}
.serve-more:hover i{background: url('../images/index/proArrH.png') no-repeat;}

.product-container{width: 100%;background: url('../images/index/proBg.jpg') no-repeat center center;background-size: cover;overflow: hidden;}
.product{width: 1280px;margin: 0 auto;}
.gallery-thumbs{width:25%;float:left;height:600px;position: relative;}
.gallery-thumbs .swiper-button-prev{background:url('../images/index/proTop.png') no-repeat center center;margin: 0;top:0;left:0%;width:100%;height:44px;z-index: 10;}
.gallery-thumbs .swiper-button-next{background:url('../images/index/proBot.png') no-repeat center center;top: auto;bottom:0px;left:0%;width:100%;height:44px;z-index: 10;}
.gallery-thumbs .swiper-button-prev:hover{background:url('../images/index/proTopH.png') no-repeat center center;}
.gallery-thumbs .swiper-button-next:hover{background:url('../images/index/proBotH.png') no-repeat center center;}
.gallery-thumbs .equip-min .product-click{width: 100%;display: block;height: 200px;overflow: hidden;padding: 0 24px;user-select: none;position: relative;background: rgba(0, 0, 0, .33);border-bottom: 1px solid rgba(255, 255, 255, .33);}
.gallery-thumbs .equip-min .product-click h4{font-size: 22px;color: #fff;margin-top: 70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.gallery-thumbs .equip-min .product-click p{font-size: 14px;color: #cacaca;margin-top: 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.gallery-thumbs .equip-min .product-click i{display: block;width: 100%;height: 5px;background: #0083cc;position: absolute;left: 0;bottom: 0;opacity: 0;}
.gallery-thumbs .swiper-slide:last-child .product-click{border-bottom: none;}
.gallery-thumbs .equip-min.cur .product-click{background: rgba(44, 44, 44, .32);border-bottom: none;}
.gallery-thumbs .equip-min.cur .product-click h4{color: #128eee}
.gallery-thumbs .equip-min.cur .product-click i{opacity: 1;}
.gallery-top{width:70%;float:right;height:600px;}
.product-wordsbox{width: 100%;padding-top: 80px;overflow: hidden;}
.product-wordstitle{width: 100%;padding-bottom: 50px;border-bottom: 1px solid rgba(255, 255, 255, .2);}
.product-wordstitle h4{font-size: 28px;color: #fff;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.product-wordstitle p{font-size: 14px;color:#efefef;line-height: 22px;margin-top: 16px;}
.product-wordscase{width: 100%;padding-top: 44px;}
.product-wordscase h5{font-size: 18px;color: #fff;}
.product-wordscase h6{font-size: 0;width: 100%;margin-top: 20px;}
.product-wordscase h6 span{display: inline-block;width: 124px;height: 34px;line-height: 34px;text-align: center;margin: 10px 20px 10px 0;}
.product-wordscase h6 span img{max-height: 100%;max-width: 100%;}

.team-container{width: 100%;padding: 80px 0 66px 0;}
.team{width: 1280px;margin: 0 auto;}
.team-listbox{width: 100%;margin-top: 40px;}
.team-img{width: 100%;height: 132px;line-height: 132px;text-align: center;border: 1px solid #e8e8e8;transition: all .4s ease-in-out;}
.team-img a{width: 100%;height: 100%;transition: all .4s ease-in-out;}
.team-img a.img{display: block;}
.team-img a.imghover{display: none}
.team-img img{max-width: 100%;}
.team-img:hover{border-color: #146eb4;box-shadow: 0 0 10px 4px #a9d2f1}
.team-img:hover a.img{display: none;}
.team-img:hover a.imghover{display: block;}
.team-listbox .swiper-slide{padding: 10px;}
.team-listbox .swiper-container{padding-bottom:40px;}
.team-listbox .swiper-pagination-bullet {background: #c3c3c3;opacity: 1;}
.team-listbox .swiper-pagination-bullet-active {background: #eeb01b;}

.news-container{width: 100%;background: #f5fbff;padding: 80px 0 66px 0;}
.news{width: 1280px;margin: 0 auto;}
.news-tablr{width: 100%;margin-top: 40px;}
.news-tabl{width: 49%;float: left;}
.news-tablimg{width: 100%;height: 302px;overflow: hidden;}
.news-tablimg img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease-in-out;}
.news-tablimg img:hover{transform: scale(1.1);}
.news-tablwords{width: 100%;height: 134px;padding: 34px 24px 0 24px;background: #fff;}
.news-tablwords h4{width: 100%;overflow: hidden;}
.news-tablwords h4 a{font-size: 23px;color: #333;display: block;float: left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 74%;transition: all .4s ease-in-out;}
.news-tablwords h4 a:hover{color: #146eb4;}
.news-tablwords h4 span{font-size: 16px;color: #777;display: block;width: 26%;float: right;text-align: right;position: relative;margin-top: 6px;}
.news-tablwords h4 span:before{content: "";width: 20px;height: 20px;position: absolute;top: 0;left: 0;background: url('../images/index/newsIc.png') no-repeat;}
.news-tablwords p{font-size: 14px;color: #777;margin-top: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-tabr{width: 49%;float: right;}
.news-tabr a{display: block;height: 132px;width: 100%;transition: all .4s ease-in-out;background: #fff;padding: 20px 18px;overflow: hidden;}
.news-tabr a:nth-child(n+2){margin-top: 20px;}
.news-tabrimg{width: 32%;height: 92px;overflow: hidden;float: left;}
.news-tabrimg img{width: 100%;height: 100%;transition: all .3s ease-in-out;}
.news-tabrwords{width: 68%;height: 92px;padding: 10px 0 0 18px;float: left;}
.news-tabrwords h4{font-size: 18px;color: #333;transition: all .3s ease-in-out;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-tabrwords p{font-size: 14px;color: #777;line-height: 22px;margin-top: 8px;height: 44px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-tabr a:hover{box-shadow: 0 0 16px 4px #dbe7f9;}
.news-tabr a:hover .news-tabrimg img{transform: scale(1.1);}
.news-tabr a:hover .news-tabrwords h4{color: #146eb4;}
.news-more{width: 100%;overflow: hidden;font-size: 0;text-align: center;margin-top: 26px;}
.news-more a{font-size: 16px;color: #555;display: inline-block;height: 38px;line-height: 38px;border-bottom: 1px solid #555;transition: all .4s ease-in-out;}
.news-more a span{font-family: "宋体";font-weight: bold;}
.news-more a:hover{color: #146eb4;border-color: #146eb4;}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1340px) {
    .banner-num h6 span {font-size: 38px;}
    .banner-num h6 {margin-top: 30px;}
    .banner-num h6 b {vertical-align: -16px;}
    .serve,.product,.team,.news,.banner-navnum{width: 94%;}
    .news-tablwords h4 a{font-size: 20px;width: 68%;}
    .news-tablwords h4 span {font-size: 14px;width: 28%;margin-top: 4px;}
}

@media all and (max-width:1200px) {
    .news-tablwords h4 a{width: 100%;}
    .news-tablwords h4 span {font-size: 14px;width: 100%;text-align: left;margin-top: 10px;padding-left: 30px;}
    .news-tablwords h4{padding: 4px 0;}
    .news-tablwords {padding: 16px 20px 0 20px;}
}

/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .banner-img-pc{display: none;}
    .banner-img-mb{display: block;}
    .banner-navnumbox{position: static;overflow: hidden;background: #fff;}
    .banner-navnum{width: 100%;}
    .banner-navnum ul li{width: 50%;height: 100px;border-right: none;}
    .banner-navnum ul li i{display: none;}
    .banner-num {color: #146eb4;height: 100px;margin-left: 0;}
    .banner-num h6 {margin-top: 18px;}
    .banner-num h6 span {font-size: 32px;}
    .banner-num h6 b {vertical-align: -14px;}
    .banner-box .swiper-pagination {bottom: 20px;}
    .banner-words{top: 40%;left: 18%;}
    .banner-words p:last-child {margin-left: 66px;}
    .banner-words p{font-size: 22px;}
    .banner-words p span{font-size: 24px;}
    .serve-container,.team-container,.news-container{padding: 38px 0 32px 0;}
    .index-title h4 {font-size: 24px;}
    .serve-click ul li{width: 50%;}
    .serve-picwordsbox {margin-top: 20px;}
    .serve-words {width: 100%;padding: 8px 0 24px 0;}
    .serve-wordsfonts h4{font-size: 24px;}
    .serve-wordshref {margin-top: 10px;}
    .serve-wordshref a{margin-right: 16px;}
    .serve-more{margin-top: 28px;}
    .serve-pic{width: 100%;}
    .product-wordsbox {padding: 30px 3% 0 3%;}
    .gallery-thumbs{width: 100%;}
    .gallery-top {width: 100%;height: auto;padding: 10px 0 40px 0;}
    .product-wordstitle h4{font-size: 20px;}
    .product-wordstitle{padding-bottom: 32px;}
    .product-wordscase {padding-top: 32px;}
    .product-wordscase h6 {margin-top: 12px;}
    .product-wordscase h6 span {width: 50%;margin: 10px 0;padding: 0 10px;}
    .gallery-thumbs{height: 120px;}
    .product{width: 100%;}
    .gallery-thumbs .equip-min .product-click{height: 120px;padding: 0 10px;}
    .gallery-thumbs .equip-min .product-click h4{font-size: 14px;white-space:normal;margin-top: 42px;}
    .gallery-thumbs .equip-min .product-click p {display: none;}
    .gallery-thumbs .equip-min .product-click i{height: 3px;}
    .gallery-thumbs .swiper-button-prev,.gallery-thumbs .swiper-button-next{width: 32px;height: 120px;}
    .gallery-thumbs .swiper-button-prev{background:url('../images/index/proTopM.png') no-repeat center center;left: auto;right: 0;}
    .gallery-thumbs .swiper-button-next{background:url('../images/index/proBotM.png') no-repeat center center;}
    .gallery-thumbs .swiper-button-prev:hover{background:url('../images/index/proTopMH.png') no-repeat center center;}
    .gallery-thumbs .swiper-button-next:hover{background:url('../images/index/proBotMH.png') no-repeat center center;}
    .gallery-thumbs .swiper-slide:last-child .product-click{border-bottom: 1px solid rgba(255, 255, 255, .33);}
    .gallery-thumbs .swiper-slide:last-child .equip-min.cur .product-click{border-bottom: none;}
    .team-img{height: 100px;line-height: 100px;}
    .team-listbox .swiper-slide {padding: 6px;}
    .team-listbox {margin-top: 24px;}
    .news-tablr {margin-top: 26px;}
    .news-tabl{width: 100%;}
    .news-tablimg{height: 156px;}
    .news-tablwords h4 a{font-size: 18px;}
    .news-tablwords {padding: 16px 16px 0 16px;}
    .news-tabr{width: 100%;margin-top: 20px;}
    .news-tabr a:nth-child(n+2) {margin-top: 12px;}
    .news-tabr a {padding: 16px;height: 112px;}
    .news-tabrimg{height: 80px;}
    .news-tabrwords h4{font-size: 16px;}
    .news-tabrwords p{margin-top: 4px;}
    .news-tabrwords {height: 80px;padding: 4px 0 0 12px;}
    .news-more {margin-top: 18px;}
}