.fp-viewing-1 #fp-nav ul li .fp-tooltip{}

.fp-viewing-0 .logo .yuan,.fp-viewing-4 .logo .yuan{display: none;}
.fp-viewing-0 .logo .fff,.fp-viewing-4 .logo .fff{display: block;}
.fp-viewing-0 .navbar,.fp-viewing-6 .navbar{color: #fff;}

.fp-viewing-0 .navbar-nav>li>a,.fp-viewing-6 .navbar-nav>li>a{color: #fff;}
.fp-viewing-0 .navbar-nav li:hover>a,.fp-viewing-0 .navbar-nav li.act>a,.fp-viewing-6 .navbar-nav li:hover>a,.fp-viewing-6 .navbar-nav li.act>a{color: #fff;}
.fp-viewing-0 .head_ico .phone,.fp-viewing-6 .head_ico .phone{background: url(../images/index_06.png) left center no-repeat;}

.fp-viewing-4 .navbar-nav li:hover>a,.fp-viewing-4 .navbar-nav li.act>a{color: #333; background: #fff;}



.fp-viewing-4 #fp-nav ul li .fp-tooltip{color: #fff;}

.fp-viewing-6 .navbar{background: rgba(0,0,0,0.5);}







.wrap{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.section{display: table;table-layout: fixed;width: 100%;}

.pageNext {position: absolute; width: 66px; height: 64px; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 99; animation:animation1 3s infinite; animation-timing-function: linear;}
.pageNext a {display: block; width: 100%; height: 100%; background: url(../images/next_icon.png) no-repeat center;}
@keyframes animation1{
  0% {bottom: 30px;}
  25% {bottom: 26px;}
  50% {bottom: 30px; }
  75% {bottom: 34px;}
  100% {bottom: 30px;}
}
@media (max-width: 767px) { 
    .pc_banner{display: none;}
}
@media (min-width: 768px){
    .wap_banner{display: none;}
}
.pc_banner,.pc_banner .swiper,.pc_banner .swiper-wrapper,.pc_banner .swiper-slide{height: 100%;}
.wap_banner,.wap_banner .swiper,.wap_banner .swiper-wrapper,.wap_banner .swiper-slide{height: 100%;}

.banner .swiper-slide{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-slide .ani{position: absolute;left: 0px; top: 0px; width: 100%; text-align:center;}
.banner .swiper-slide .ani img{}

.pc_banner .swiper-button-next{right: 5%; background: url(../images/index_11.png) center center no-repeat; background-size: 100%;}
.pc_banner .swiper-button-prev{left: 5%;background: url(../images/index_10.png) center center no-repeat; background-size: 100%;} 
.pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{text-indent: -9999999px;}




.banner .swiper-slide .img{transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: all 5s;transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); width: 100%; height:100%; object-fit: cover; position: absolute; left: 0px; top: 0px;}
.banner .swiper-slide-active .img{transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);}

.wap_banner .swiper-pagination span{height:8px; width: 8px; border-radius: 50%; background: #fff;}
.wap_banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}


@media (min-width: 1500px){
    .pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{width: 80px; height:80px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{width: 70px; height:70px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{width: 60px; height:60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{width: 50px; height:50px;}
}
@media (max-width: 767px) {
    .pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{width: 2em; height:2em;}
}
@media (min-width: 768px){
    
}




















.ind_product{background: url(../images/indexbg_02.jpg) center center no-repeat; background-size: cover;}
.ind_newproduct{background: url(../images/indexbg_03.jpg) center center no-repeat; background-size: cover;}
.ind_about{background: url(../images/indexbg_04.jpg) center center no-repeat; background-size: cover;}
.ind_news{background: url(../images/indexbg_05.jpg) center center no-repeat; background-size: cover;}
.ind_hezuo{background: url(../images/indexbg_06.jpg) center center no-repeat; background-size: cover;}


@media (min-width: 1500px){
    
}
@media (min-width: 1200px) and (max-width: 1499px){
    
}
@media (min-width: 992px) and (max-width: 1199px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    .ind_about{background: url(../images/indexbg_04.jpg) center center no-repeat;}
}
@media (min-width: 768px){
    
}





.ind_productlist a{float: left; background: #f3f3f3;}
.ind_productlist a .desc h3{line-height: 2;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.ind_productlist a .desc p{line-height: 2; color: #666;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.ind_productlist a:hover{background: #fed502; color: #333;}

@media (min-width: 1500px){
    .ind_productlist{margin-top: 30px;}
    .ind_productlistw{width: 121%;}
    .ind_productlist a{width: 24%; margin-right: 1%;}
    .ind_productlist a .desc{padding: 10px 3%;}
    .ind_productlist a .desc h3{font-size: 18px;}
    .ind_productlist a .desc p{font-size: 14px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_productlist{margin-top: 25px;}
    .ind_productlistw{width: 115%;}
    .ind_productlist a{width: 24%; margin-right: 1%;}
    .ind_productlist a .desc{padding: 10px 3%;}
    .ind_productlist a .desc h3{font-size: 17px;}
    .ind_productlist a .desc p{font-size: 13px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_productlist{margin-top: 20px;}
    .ind_productlistw{width: 115%;}
    .ind_productlist a{width: 24%; margin-right: 1%;}
    .ind_productlist a .desc{padding: 10px 3%;}
    .ind_productlist a .desc h3{font-size: 16px;}
    .ind_productlist a .desc p{font-size: 12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_productlist{margin-top: 20px;}
    .ind_productlistw{width: 125%;}
    .ind_productlist a{width: 24%; margin-right: 1%;}
    .ind_productlist a .desc{padding: 10px 3%;}
    .ind_productlist a .desc h3{font-size: 16px;}
    .ind_productlist a .desc p{font-size: 12px;}
}
@media (max-width: 767px) {
    .ind_productlist{margin: 1em 5% 0px;}
    .ind_productlist a{width: 48%; margin: 0.5em 0px;}
    .ind_productlist a:nth-child(2n){float: right;}
    .ind_productlist a .desc{padding: 0.5em 3%;}
    .ind_productlist a .desc h3{font-size: 1.1em;}
    .ind_productlist a .desc p{font-size: 1em;}
}
@media (min-width: 768px){
    
}




.ind_newproductlist li{ position: relative;}
.ind_newproductlist li>a{border-radius: 15px; overflow: hidden; background: #000; display: block;}
.ind_newproductlist li img{opacity: 0.5; width: 100%; height:100%; object-fit: cover;}
.ind_newproductlist li a h3{position: absolute; background: #fed502; line-height: 2; border-radius: 5px; color: #333; display: none;}

/**新加入的代码*/
.ind_newproductlist li a:hover h3{display: block;}
.ind_newproductlist li a:hover img{opacity: 1;}
.ind_newproductlist li .word .desc{line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ind_newproductlist li .word .ind_more a{color: #fb7b84; border-bottom: 1px #fb7b84 solid;text-transform:uppercase;}
@media (min-width: 1500px){
    .ind_newproductlistw{width: 105%; height:750px; margin-top: -20px;}
    .ind_newproductlist li{margin-top: 20px;width: 32%;}
    .ind_newproductlist li:nth-child(3n+1){order: 1;}
    .ind_newproductlist li:nth-child(3n+2){order:2;}
    .ind_newproductlist li:nth-child(3n){order: 3;}
    .ind_newproductlist li:nth-child(3){margin-top: 50px;}
    .ind_newproductlist li a h3{font-size: 20px;}
    .ind_newproductlist li .word{padding: 40px 0px;}
    .ind_newproductlist li .word .desc{font-size: 18px; margin-top: 20px;}
    .ind_newproductlist li .word .ind_more{margin-top: 20px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_newproductlistw{width: 105%; height:660px; margin-top: -18px;}
    .ind_newproductlist li{margin-top: 18px;width: 32%;}
    .ind_newproductlist li:nth-child(3n+1){order: 1;}
    .ind_newproductlist li:nth-child(3n+2){order:2;}
    .ind_newproductlist li:nth-child(3n){order: 3;}
    .ind_newproductlist li:nth-child(3){margin-top: 46px;}
    .ind_newproductlist li a h3{font-size: 18px;}
    .ind_newproductlist li .word{padding: 35px 0px;}
    .ind_newproductlist li .word .desc{font-size: 17px; margin-top: 18px;}
    .ind_newproductlist li .word .ind_more{margin-top: 18px;}

}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_newproductlistw{width: 105%; height:560px; margin-top: -15px;}
    .ind_newproductlist li{margin-top: 15px;width: 32%;}
    .ind_newproductlist li:nth-child(3n+1){order: 1;}
    .ind_newproductlist li:nth-child(3n+2){order:2;}
    .ind_newproductlist li:nth-child(3n){order: 3;}
    .ind_newproductlist li:nth-child(3){margin-top: 40px;}
    .ind_newproductlist li a h3{font-size: 16px;}
    .ind_newproductlist li .word{padding: 25px 0px;}
    .ind_newproductlist li .word .desc{font-size: 16px; margin-top: 15px;}
    .ind_newproductlist li .word .ind_more{margin-top: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_newproductlistw{width: 105%; height:560px; margin-top: -10px;}
    .ind_newproductlist li{margin-top: 10px;width: 32%;}
    .ind_newproductlist li:nth-child(3n+1){order: 1;}
    .ind_newproductlist li:nth-child(3n+2){order:2;}
    .ind_newproductlist li:nth-child(3n){order: 3;}
    .ind_newproductlist li:nth-child(3){margin-top: 35px;}
    .ind_newproductlist li a h3{font-size: 15px;}
    .ind_newproductlist li .word{padding: 10px 0px;}
    .ind_newproductlist li .word .desc{font-size: 14px; margin-top: 10px;}
    .ind_newproductlist li .word .ind_more{margin-top: 10px;}
}
@media (max-width: 767px) {
    .ind_newproductlist li{float:left;width: 49%; margin: 0.5em 0px; height:12em;}
    .ind_newproductlist li.li_word{width: 100%;}
    .ind_newproductlist li:nth-child(2n){float: right;}
    .ind_newproductlist li:nth-child(6){display: none;}
    .ind_newproductlist li a,.ind_newproductlist li a .img{display: block; width: 100%; height:100%;}
    .ind_newproductlist li a h3{font-size: 0.9em;left: 4%; bottom: 4%; padding: 0.1em 1em;}
    .ind_newproductlist li .word{padding: 10px 0px;}
    .ind_newproductlist li .word .desc{font-size: 14px; margin-top: 10px;}
    .ind_newproductlist li .word .ind_more{margin-top: 10px;}
}
@media (min-width: 768px){
    .ind_newproductlistw{display: flex; flex-direction: column; flex-wrap: wrap;}
    .ind_newproductlist li{counter-increment: item-counter;}
    .ind_newproductlist li a h3{left: 4%; bottom: 4%; padding: 2px 20px;}
}






.ind_abouttitle{}
.ind_abouttitle a{background: url(../images/sy_20.png) center center no-repeat; background-size: 100% 100%; border-radius: 50%; box-shadow: 0px 0px 5px #ccc;}

@media (min-width: 1500px){
    .ind_abouttitle{width: 26%;}
    .ind_abouttitle a{width: 106px; height: 106px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_abouttitle{width: 26%;}
    .ind_abouttitle a{width: 90px; height: 90px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_abouttitle{width: 26%;}
    .ind_abouttitle a{width: 80px; height: 80px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_abouttitle{width: 26%;}
    .ind_abouttitle a{width: 60px; height: 60px;}
}
@media (max-width: 767px) {
    .ind_abouttitle{width: 100%;}
    .ind_abouttitle a{width: 3em; height:3em;}
}
@media (min-width: 768px){
    .ind_abouttitle{position: absolute; z-index: 999;}
}





.ind_aboutlist{}

.mySwiper2{}
.ind_aboutlist .mySwiper2 .title{background: url(../images/index_59.jpg) left bottom no-repeat; font-weight: bold;}
.ind_aboutlist .mySwiper2 .title span{background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(to bottom, #fb7b84, #fac22c 80%);}
.ind_aboutlist .mySwiper .swiper-slide{border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 10px #ccc;}
@media (min-width: 1500px){
    .ind_aboutlist{width: 90%;}
    .ind_aboutlist{margin-left: 12%;}
    .ind_aboutlist .mySwiper2{margin: 0px 15% 0px 30%; line-height: 2.4;}
    .ind_aboutlist .mySwiper2 .title{padding-bottom: 20px; font-size: 30px; margin-bottom: 15px;}
    .ind_aboutlist .mySwiper2 .desc{margin-bottom: 90px; font-size: 18px;}

}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_aboutlist{width: 88%; margin-left: 12%;}
    .ind_aboutlist .mySwiper2{margin: 0px 15% 0px 30%; line-height: 2.2;}
    .ind_aboutlist .mySwiper2 .title{padding-bottom: 18px; font-size: 26px; margin-bottom: 13px;}
    .ind_aboutlist .mySwiper2 .desc{margin-bottom: 80px; font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_aboutlist{width: 88%; margin-left: 12%;}
    .ind_aboutlist .mySwiper2{margin: 0px 0px 0px 30%; line-height: 2;}
    .ind_aboutlist .mySwiper2 .title{padding-bottom: 15px; font-size: 22px; margin-bottom: 11px;}
    .ind_aboutlist .mySwiper2 .desc{margin-bottom: 60px; font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_aboutlist{width: 88%;margin-left: 12%;}
    .ind_aboutlist .mySwiper2{margin: 0px 0px 0px 30%; line-height: 2;}
    .ind_aboutlist .mySwiper2 .title{padding-bottom: 15px; font-size: 20px; margin-bottom: 10px;}
    .ind_aboutlist .mySwiper2 .desc{margin-bottom: 50px; font-size: 14px;}
}
@media (max-width: 767px) {
    .ind_aboutlist{margin-top: 2em;}
    .ind_aboutlist .mySwiper2{margin: 0px; line-height: 2;}
    .ind_aboutlist .mySwiper2 .title{padding-bottom: 0.6em; font-size: 1.2em; margin-bottom: 0.2em;}
    .ind_aboutlist .mySwiper2 .desc{margin-bottom: 2em; font-size: 1em;}
}
@media (min-width: 768px){
    
}





.ind_newslist a .img{ overflow: hidden;}
.ind_newslist a .word{background: #fff; box-shadow: 0px 0px 10px #ccc;}
.ind_newslist a .word .datetime i,.ind_newslist a .word .datetime em{display: block; line-height: 1.2;}
.ind_newslist a .word .datetime em{color: #999; font-size: 14px;}
.ind_newslist a .word .desc{font-size: 14px; line-height: 1.5; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ind_newslist a .word .title{line-height: 2;}

.ind_newslist .swiper-button-next:after, .ind_newslist .swiper-button-prev:after{color: #fe8625;}


@media (min-width: 1500px){
    .ind_newslist{margin-top: 30px;}
    .ind_newslist a .word{padding: 35px;}
    .ind_newslist a .word .datetime i{font-size: 32px;}
    .ind_newslist a .word .title{font-size: 16px; margin:15px 0px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_newslist{margin-top: 25px;}
    .ind_newslist a .word{padding: 30px;}
    .ind_newslist a .word .datetime i{font-size: 28px;}
    .ind_newslist a .word .title{font-size: 15px; margin:12px 0px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_newslist{margin-top: 20px;}
    .ind_newslist a .word{padding: 20px;}
    .ind_newslist a .word .datetime i{font-size: 24px;}
    .ind_newslist a .word .title{font-size: 14px; margin:10px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_newslist{margin-top: 20px;}
    .ind_newslist a{background: #fff; border-radius: 15px; overflow: hidden;}
    .ind_newslist a .word{padding:15px;}
    .ind_newslist a .word .datetime i{font-size: 20px;}
    .ind_newslist a .word .title{font-size: 14px; margin:8px 0px;}
    .ind_newslist .swiper-pagination{display: none;}
}
@media (max-width: 767px) {
    .ind_newslist{margin-top: 1.5em;}
    .ind_newslist a{background: #fff; border-radius: 1em; overflow: hidden;}
    .ind_newslist a .word{padding:0.8em;}
    .ind_newslist a .word .datetime i{font-size: 1.4em;}
    .ind_newslist a .word .title{font-size: 1em; margin:0.6em 0px;}
    .ind_newslist .swiper-pagination{display: none;}
}
@media (min-width: 992px){
    .ind_newslist a{position: relative;}
    .ind_newslist a .img{float: left; width: 60%; border-radius: 15px;}
    .ind_newslist a .word{position: absolute; right: 0px; top: 50%; width: 50%; transform: translate(0,-50%); border-radius: 10px;}

    .ind_newslist .swiper-pagination{position: absolute; left: auto; bottom: auto; right: 2%; top: 35%; width: 80px; text-align:right;}
    .ind_newslist .swiper-pagination{color: #999;font-weight: bold;}
    .ind_newslist .swiper-pagination .swiper-pagination-current{color: #fe8625;font-size: 24px;}

}


.ind_hezuolist{position: relative;}
.ind_hezuolist .mySwiper{height: 100%;}

.ind_hezuolist .swiper-button-next{background: url(../images/index_11ye.png) center center no-repeat; background-size: 100%;}
.ind_hezuolist .swiper-button-prev{background: url(../images/index_10ye.png) center center no-repeat; background-size: 100%;} 
.ind_hezuolist .swiper-button-prev,.ind_hezuolist .swiper-button-next{text-indent: -9999999px;}



.ind_hezuolist .swiper-slide {text-align: center; background: #fff; height: calc((100% - 20px) / 2); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}


.ind_hezuolist .swiper-slide{cursor: pointer;}
.ind_hezuolist img{filter: gray;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);}
.ind_hezuolist .swiper-slide:hover{background: url(../images/hezuobg.png) center center no-repeat; background-size: 100% 100%;}
.ind_hezuolist .swiper-slide:hover img{filter: none;-webkit-filter: none;-moz-filter: none;-o-filter: none;-ms-filter: none;}






@media (min-width: 1500px){
    .ind_hezuolist .swiper-button-prev,.ind_hezuolist .swiper-button-next{width: 80px; height:80px; margin-top: -40px;}
    .ind_hezuolist .swiper-button-next{right: -80px;}
    .ind_hezuolist .swiper-button-prev{left: -80px;}

    .ind_hezuolist{height: 240px; margin-top: 55px;}
    .ind_hezuolist img{max-width: 86%;}
    
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_hezuolist .swiper-button-prev,.ind_hezuolist .swiper-button-next{width: 70px; height:70px; margin-top: -35px;}
    .ind_hezuolist .swiper-button-next{right: -70px;}
    .ind_hezuolist .swiper-button-prev{left: -70px;}

    .ind_hezuolist{height: 220px; margin-top: 50px;}
    .ind_hezuolist img{max-width: 86%;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_hezuolist .swiper-button-prev,.ind_hezuolist .swiper-button-next{width: 60px; height:60px; margin-top: -30px;}
    .ind_hezuolist .swiper-button-next{right: -60px;}
    .ind_hezuolist .swiper-button-prev{left: -60px;}

    .ind_hezuolist{height: 200px; margin-top: 45px;}
    .ind_hezuolist img{max-width: 86%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_hezuolist .swiper-button-prev,.ind_hezuolist .swiper-button-next{width: 50px; height:50px; margin-top: -25px;}
    .ind_hezuolist .swiper-button-next{right: -25px;}
    .ind_hezuolist .swiper-button-prev{left: -25px;}

    .ind_hezuolist{height: 240px; margin-top: 40px;}
    .ind_hezuolist img{max-width: 86%;}
}
@media (max-width: 767px) {
    .ind_hezuolist .swiper-button-prev,.ind_hezuolist .swiper-button-next{width: 3em; height:3em; margin-top: -1.5em;}
    .ind_hezuolist .swiper-button-next{right: 0px;}
    .ind_hezuolist .swiper-button-prev{left: 0px;}

    .ind_hezuolist{height: 12em; margin-top: 2.4em;}
    .ind_hezuolist img{max-width: 86%;}
}
@media (min-width: 768px){
    
}