.banner_pc{position: relative;}
.banner_pc1 img{width: 100%; height: 100%; object-fit: cover;} 
.banner_word{position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 9;}

.banner_wordleft{background: url(../images/bg_03.png) center center no-repeat; background-size: cover;}
.banner_wordleft .swiper{width: 100%; height: 100%;}
.banner_wordleft .swiper-slide{text-align: left; display: flex; justify-content: left; align-items: center; background: url(../images/indexbg_08.png) center left no-repeat;}
.banner_wordleft .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.banner_wordleft .swiper-button-prev,.banner_wordleft .swiper-button-next{width: 8px; height: 5px; right: 5%; top: 50%; margin: 0px;}
.banner_wordleft .swiper-button-prev:after,.banner_wordleft .swiper-button-next:after{content:"";}
.banner_wordleft .swiper-button-prev{background: url(../images/indexbg_11.png) center center no-repeat; left: auto; transform: translate(0,-120%);}
.banner_wordleft .swiper-button-next{background: url(../images/indexbg_14.png) center center no-repeat; transform: translate(0,120%);}
.banner_wordleft a{color: #fff;}

.banner_wordright{position: relative;}
.banner_wordright .swiper-pagination{position: absolute; left: 0px; top: 50%; transform: translate(30%,-40%); width: auto; bottom: auto;}
.banner_wordright .swiper-pagination .swiper-pagination-bullet{background: url(../images/indexbg_03.png) center center no-repeat; background-size: 100%;}
.banner_wordright .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/indexbg_05.png) center center no-repeat;}
.swiper-num{position: absolute; right: 0px; top: 50%; transform: translate(-50%,-50%); color: #d4d4d4;}
.swiper-num .active{color: #014190;}
@media (min-width: 1800px){
    .banner_wordleft{height: 100px;}
    .banner_wordleft .swiper{padding: 0px 5%;}
    .banner_wordleft .swiper-slide{padding-left: 30px;}
    .banner_wordright{height: 100px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .banner_wordleft{height: 90px;}
    .banner_wordleft .swiper{padding: 0px 5%;}
    .banner_wordleft .swiper-slide{padding-left: 30px;}
    .banner_wordright{height: 90px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .banner_wordleft{height: 80px;}
    .banner_wordleft .swiper{padding: 0px 5%;}
    .banner_wordleft .swiper-slide{padding-left: 30px;}
    .banner_wordright{height: 80px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .banner_wordleft{height: 70px;}
    .banner_wordleft .swiper{padding: 0px 5%;}
    .banner_wordleft .swiper-slide{padding-left: 25px;}
    .banner_wordright{height: 70px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .banner_wordleft{height: 60px;}
    .banner_wordleft .swiper{padding: 0px 5%;}
    .banner_wordleft .swiper-slide{padding-left: 20px;}
    .banner_wordright{height: 60px;}
}
@media (max-width: 767px) {
    .banner_pc{display: none;}
    .banner_wap{position: relative;}
}
@media (min-width: 768px){
    .banner_wap{display: none;}
    .banner_wordleft{float: left; width: 63%;}
    .banner_wordright{float: right; width: 37%;background: #fff;}
    .banner_wordright .swiper-pagination .swiper-pagination-bullet{width: 24px; height: 24px;}
    .swiper-num{font-size: 18px;}
}





.ind_about{background: url(../images/indexbg_18.jpg) top center no-repeat #002177;}
.ind_about1{position: relative;}
.ind_aboutc{line-height: 2; overflow: auto;}
.ind_aboutb li{float: left; width: 32%;}
.ind_aboutb li:nth-child(3n-1){margin: 0px 2%;}
.ind_aboutb li .title{line-height: 1;}
.ind_aboutb li .title i{font-family: "Impact"; color: #014190;}
.ind_aboutb li .desc{line-height: 2;}
.ind_aboutleft .img{position: absolute; left: 0px; bottom: 5%;}
@media (min-width: 1800px){
    .ind_about{ background-size: auto 85%;}
    .ind_about1{margin-top: 45px;}
    .ind_aboutleft{width: 52%;}
    .ind_aboutc{max-height: 384px;}
    .ind_aboutb{margin-top: 40px;}
    .ind_aboutb li .title i{font-size: 70px;}
    .ind_aboutright{width: 42%;}
    .ind_aboutleft .img{width: 52%;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .ind_about{ background-size: auto 82%;}
    .ind_about1{margin-top: 45px;}
    .ind_aboutleft{width: 52%;}
    .ind_aboutc{max-height: 384px;}
    .ind_aboutb{margin-top: 40px;}
    .ind_aboutb li .title i{font-size: 70px;}
    .ind_aboutright{width: 42%;}
    .ind_aboutleft .img{width: 52%;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_about{ background-size: auto 82%;}
    .ind_about1{margin-top: 35px;}
    .ind_aboutleft{width: 52%;}
    .ind_aboutc{max-height: 270px;}
    .ind_aboutb{margin-top: 35px;}
    .ind_aboutb li .title i{font-size: 60px;}
    .ind_aboutright{width: 42%;}
    .ind_aboutleft .img{width: 52%;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_about{ background-size: auto 84%;}
    .ind_about1{margin-top: 30px;}
    .ind_aboutleft{width: 52%;}
    .ind_aboutc{max-height: 210px;}
    .ind_aboutb{margin-top: 30px;}
    .ind_aboutb li .title i{font-size: 50px;}
    .ind_aboutright{width: 42%;}
    .ind_aboutleft .img{width: 52%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_about{ background-size: auto 84%;}
    .ind_about1{margin-top: 25px;}
    .ind_aboutleft{}
    .ind_aboutb{margin-top: 25px; margin-bottom: 120px;}
    .ind_aboutb li .title i{font-size: 50px;}
    .ind_aboutright{display: none;}
    .ind_aboutleft .img{width: 52%;}
}
@media (max-width: 767px) {
    .ind_about{ background-size: auto 86%;}
    .ind_about1{margin-top: 1.6em;}
    .ind_aboutleft{}
    .ind_aboutb{margin-top: 1.6em; margin-bottom: 8em;}
    .ind_aboutb li .title i{font-size: 50px;}
    .ind_aboutb li .desc{margin-top: 0.5em; line-height: 1.5;}
    .ind_aboutright{display: none;}
    .ind_aboutleft .img{}
}
@media (min-width: 768px){
    .ind_aboutleft{float: left;}
    .ind_aboutb li .desc{margin-top: 10px;}
    .ind_aboutright{float: right;}
}




.ind_probg{background: url(../images/indexbg_02.jpg) center center no-repeat; background-size: cover;}


.ind_product{}
.ind_product .tab{text-align: center; background: #fff;}
.ind_product .tab .ind_title{border-bottom: 2px #fbfbfb solid;}
.ind_product .tab .div{line-height: 1.8;}
.ind_product .tab .div a{display: block; border-bottom: 1px #f5f5f5 solid;}
.ind_product .tab .div a.on{background: #142e78; color: #fff;}

.ind_product .content{background: #fff;}
.ind_product .content li{display: none;}
.ind_product .content li:nth-child(1){display: block;}
.ind_product .content a{float: left;}
.ind_product .content a:hover{background: #142e78; color: #fff;}
.ind_product .content a .title{line-height: 2; background: url(../images/jiantou_07.png) center right no-repeat; background-size: 6% auto;}
.ind_product .content a .title p{padding-right: 10%;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.ind_product .content a:hover .title{background: url(../images/jiantou_03.png) center right no-repeat; background-size: 6% auto;}
@media (min-width: 1800px){
    .ind_product .tab{width: 18%;}
    .ind_product .tab .ind_title{padding: 15px 0px;}
    .ind_product .tab .div a{padding: 10px 0px;}
    .ind_product .tab .ind_more{padding: 20px 0px;}
    
    .ind_product .content{width: 80%; padding:10px 1%;}
    .ind_product .content a{margin: 10px 0.5%; width: 32.333%; padding: 10px;}
    .ind_product .content a .title{margin-top: 10px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .ind_product .tab{width: 18%;}
    .ind_product .tab .ind_title{padding: 12px 0px;}
    .ind_product .tab .div a{padding: 10px 0px;}
    .ind_product .tab .ind_more{padding: 18px 0px;}
    
    .ind_product .content{width: 80%; padding:8px 1%;}
    .ind_product .content a{margin: 8px 0.5%; width: 32.333%; padding: 8px;}
    .ind_product .content a .title{margin-top: 8px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_product .tab{width: 18%;}
    .ind_product .tab .ind_title{padding: 10px 0px;}
    .ind_product .tab .div a{padding: 10px 0px;}
    .ind_product .tab .ind_more{padding: 16px 0px;}
    
    .ind_product .content{width: 80%; padding:6px 1%;}
    .ind_product .content a{margin: 6px 0.5%; width: 32.333%; padding: 6px;}
    .ind_product .content a .title{margin-top: 6px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_product .tab{width: 18%;}
    .ind_product .tab .ind_title{padding: 8px 0px;}
    .ind_product .tab .div a{padding: 8px 0px;}
    .ind_product .tab .ind_more{padding: 15px 0px;}
    
    .ind_product .content{width: 80%; padding:5px 1%;}
    .ind_product .content a{margin: 5px 0.5%; width: 32.333%; padding: 5px;}
    .ind_product .content a .title{margin-top: 5px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_product .tab{width: 18%;}
    .ind_product .tab .ind_title{padding: 6px 0px;}
    .ind_product .tab .div a{padding: 6px 0px;}
    .ind_product .tab .ind_more{padding: 14px 0px;}
    
    .ind_product .content{width: 80%; padding:5px 1%;}
    .ind_product .content a{margin: 5px 0.5%; width: 32.333%; padding: 5px;}
    .ind_product .content a .title{margin-top: 5px;}
}
@media (max-width: 767px) {
    .ind_product .tab .ind_title{padding: 0.5em 0px;}
    .ind_product .tab .div a{padding: 6px 0px;}
    .ind_product .tab .ind_more{padding: 1em 0px;}
    
    .ind_product .content{padding:5px 1%; margin-top: 1em;}
    .ind_product .content a{margin: 5px 0.5%; width: 49%; padding: 5px;}
    .ind_product .content a:nth-child(2n){float: right;}
    .ind_product .content a .title{margin-top: 5px;}
    .ind_product .content a:nth-child(9){display: none;}
}
@media (min-width: 768px){
    .ind_product .tab{float: left;}
    .ind_product .content{float: right;}
}



.ind_case{background: url(../images/case_06.jpg) center center no-repeat; background-size: cover;}


.ind_caselist .tab{text-align: center;}
.ind_caselist .tab a{display: inline-table; border:1px #d4d4d4 solid;}
.ind_caselist .tab a.on{background: #002177; color: #fff;}


.ind_caselist .content li{display: none; text-align: center; line-height: 2;}
.ind_caselist .content li .swiper{width: 100%; height: 100%;}
.ind_caselist .content li .title{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}


@media (min-width: 1800px){
    .ind_caselist .tab a{padding: 10px 30px;}
    .ind_caselist .content li{ height: 730px;}
    .ind_caselist .content li .swiper-slide{height: calc((100% - 20px) / 2) !important;}
    .ind_caselist .content li .title{padding: 10px 0px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .ind_caselist .tab a{padding: 8px 25px;}
    .ind_caselist .content li{ height: 640px;}
    .ind_caselist .content li .swiper-slide{height: calc((100% - 20px) / 2) !important;}
    .ind_caselist .content li .title{padding: 10px 0px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_caselist .tab a{padding: 8px 25px;}
    .ind_caselist .content li{ height: 520px;}
    .ind_caselist .content li .swiper-slide{height: calc((100% - 20px) / 2) !important;}
    .ind_caselist .content li .title{padding: 10px 0px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_caselist .tab a{padding: 8px 25px;}
    .ind_caselist .content li{ height: 450px;}
    .ind_caselist .content li .swiper-slide{height: calc((100% - 20px) / 2) !important;}
    .ind_caselist .content li .title{padding: 10px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_caselist .tab a{padding: 8px 25px;}
    .ind_caselist .content li{ height: 480px;}
    .ind_caselist .content li .swiper-slide{height: calc((100% - 15px) / 2) !important;}
    .ind_caselist .content li .title{padding: 10px 0px;}
}
@media (max-width: 767px) {
    .ind_caselist .tab a{padding: 0.4em 0.5em;}
    .ind_caselist .content li .title{padding: 10px 0px;}
}
@media (min-width: 768px){
    
}





.ind_factory{background: url(../images/factorybg_02.jpg) center center no-repeat; background-size: cover;}


.ind_factorylist{position: relative;}
.ind_factorylist .swiper-slide{position: relative;}
.ind_factorylist .swiper-slide .title{position: absolute; left: 0px; bottom: 0px; background: rgba(199,158,104,0.8); color: #fff; text-align: center; width: 100%; text-align: center; line-height: 2;}

.ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{background: rgba(204,204,204,0.5); margin-top: 0px; transform: translate(0,-50%);}
.ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{color: #fff;}


@media (min-width: 1800px){
    .ind_factorylist .swiper-button-next{right: -60px;}
    .ind_factorylist .swiper-button-prev{left: -60px;}
    .ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{width: 50px; height: 120px;}
    .ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{font-size: 44px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .ind_factorylist .swiper-button-next{right: -55px;}
    .ind_factorylist .swiper-button-prev{left: -55px;}
    .ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{width: 45px; height: 100px;}
    .ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{font-size: 40px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_factorylist .swiper-button-next{right: -50px;}
    .ind_factorylist .swiper-button-prev{left: -50px;}
    .ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{width: 40px; height: 90px;}
    .ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{font-size: 36px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_factorylist .swiper-button-next{right: -50px;}
    .ind_factorylist .swiper-button-prev{left: -50px;}
    .ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{width: 40px; height: 90px;}
    .ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{font-size: 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_factorylist .swiper-button-next{right: -45px;}
    .ind_factorylist .swiper-button-prev{left: -45px;}
    .ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{width: 35px; height: 80px;}
    .ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{font-size: 28px;}
}
@media (max-width: 767px) {
    .ind_factorylist .swiper-button-next,.ind_factorylist .swiper-button-prev{width: 30px; height: 70px;}
    .ind_factorylist .swiper-button-next:after, .ind_factorylist .swiper-button-prev:after{font-size: 24px;}
}
@media (min-width: 768px){
    
}