@charset "utf-8";
body{background: #141414;}
#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden;}
#swiper-container1 .swiper-slide img{width: 100%;display: block;}
#swiper-container1 .swiper-pagination-bullets,.box_case .swiper-pagination-bullets{display: block; width: 30px;right: 3.5%;left: auto; bottom: 42%;text-align: center;}
#swiper-container1 .swiper-pagination-bullet,.box_case .swiper-pagination-bullet{opacity: 1; display: block;border-radius: 0; width: 30px;height: 7px;margin: 7px 0 !important;
    background: -webkit-linear-gradient(90deg,transparent 25%,#fff254 100%);background: linear-gradient(90deg,transparent 25%,#fff254 100%);}
#swiper-container1 .swiper-pagination-bullet-active,.box_case .swiper-pagination-bullet-active{background: #fff254;}
.p_ban{width: 100%;position: relative;}
.p_ban a{display: block;max-height: 46vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}
.p_ban .swiper-pagination{display: none;}
.page,#load_more_button{display: none;}
.p_ban img{display: block;width: 100%;transition: 3s linear 0s;}
.p_ban .BannerShow_b1 [class*="active"] img {transform: scale(1.04) translate(2%, 2%);-webkit-transform:scale(1.04) translate(2%, 2%);}
.box .page, .box #load_more_button{display: none;}
.more{color: #fff;font-size: 16px;width: 151px;margin: 2vw auto 0 auto; line-height: 52px;height: 52px;display: block;text-align: center;background: #ce0a01;border: 1px solid #ce0a01;
-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.title{text-align: center;}
.title img{display: inline-block;height: 33px;max-width: 90%;}

.box_about{background: url(../images/abbg.jpg) bottom left no-repeat;background-size: 43.6% auto;position: relative;padding-top: 6.2vw;}
.box_about .fl{position: relative;width: 27.3%;margin-left: 18%;}
.box_about .fl .img2{display: block;width: 100%;
     transform: translateY(-2vw);-ms-transform: translateY(-2vw);-webkit-transform: translateY(-2vw);}
.box_about .fl .img1{position: absolute;top: 2vw;left: -6vw;z-index: 1;height: 11vw;}
.box_about .fr{width: 53.4%;background: #fef2f2;padding: 3.95vw 4.5vw;box-sizing: border-box;
    transform: translateX(-5.2vw);-ms-transform: translateX(-5.2vw);-webkit-transform: translateX(-5.2vw);}
.box_about h3{position: absolute;top: -1em;line-height: 1.2; right: 0;font-family: Arial;font-size: 4.5vw;color: #333012;font-weight: bold;}
.box_about h5{font-weight: bold;font-size: 26px;color: #30353b;}
.box_about p{text-indent: 2em;color: #30353b;font-size: 16px;margin-top: 1.2vw;line-height: 1.7;}
.box_about .more{margin-left: 0;}

.box_news{margin: 6vw auto 3vw auto;}
.box_news .title{margin-bottom: 3.2vw;}
.box_news .top{margin-bottom: 2.4vw;}
.NewsList_g2{width: 1020px;max-width: 100%;margin: 0 auto;}
.NewsList_g2 li{float: left;width: 48.9%;background: #fff; position: relative;box-sizing: border-box;padding: 1.2vw 0.8vw;margin-bottom: 1.2vw;
-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.NewsList_g2 li:nth-child(2n){float: right;}
.NewsList_g2 .nwimg{display: none;}
.NewsList_g2 h3{display: block;margin-bottom: 0.4vw;}
.NewsList_g2 h3 a{font-size: 16px;color: #000000;display: block;line-height: 1.5;height: 3em;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g2 li p{display: none;}
.NewsList_g2 li p:last-child{display: none;}
.NewsList_g2 .ntime{margin-top: 0.7vw;color: #9d9d9d;font-size: 14px; display: block;height: auto;}

.box_product {background: #262626;margin-bottom: 5.3vw; }
.box_product .box{position: relative;}
.box_product .title{margin-bottom: 5.2vw;}
.box_product .tit{margin-bottom: 3.5vw;}
.box_product .tit h5{font-size: 27px;font-style: italic;font-weight: bold;color: #fff;}
.box_product .tit h5 span{margin-left: 10px;}
.box_product .bottom{padding: 0 6.2vw;margin-top: 2.4vw;position: relative;}
.box_product .bottom img{position: absolute;left: 6.2vw;bottom: 0;}
.box_product .more{margin: 0 0 0 auto;background: #585531;border: 1px solid #fff254;box-sizing: border-box;color: #fff254;}
.box_product .fl{box-sizing: border-box;background: #842013;width: 20.6%;padding-top: 2.7vw;position: absolute;left: 0;top: 0;height: 100%;}
.box_product .fr{width: 78.6%;}
.box_product .fr{padding: 2.6vw 0 2vw 0;}
.box_product .tap_btnlist li{display: block;width: 95%;margin-left: 5%;position: relative;}
.box_product .tap_btnlist a{display: block;padding: 1vw 2.3vw;font-size: 20px;color: #fff;position: relative;}
.box_product .tap_btnlist a:after{content: "";display: block;width: 5px;background: #fff;height: 0;position: absolute;right: 0;top: 50%;
transition: all 0.3s;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.box_product .tap_btnlist .on a{display: block;color: #ce0a01;background: #fff;position: relative;background: url(../images/jt.png) #fff left center no-repeat;background-size: auto 100%;}
.box_product .tap_box{display: none;position: relative;box-sizing: border-box;padding: 0 6.2vw;}
.box_product .fr p{font-size: 20px;color: #fff254;text-align: center;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box_product .tit>p{font-size: 27px;font-style: italic;text-align: left; padding-left: 1.7vw;display: block; font-weight: bold;color: #fff254;}
.box_product .fr .pic{position: relative;border: 1px solid #fff254;height: 13.3vw;overflow: hidden; box-sizing: border-box;margin-bottom: 0.6vw;box-shadow: rgba(255, 242, 84,0.3) 0px 0px 30px inset;}
.box_product .fr .pic img{position: absolute;top: 50%;display: block;max-width: 90%;max-height: 90%;width: auto;
    left: 50%; transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);
transition: all 0.3s;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.box_product .swiper-button-prev{display: block;width: 19px;height: 19px;border-top: 5px solid #fff254;border-left: 5px solid #fff254;
    transform: rotate(-45deg);background: none;opacity: 1;float: left;margin-top: 0vw;left: 5%;z-index: 1;top: 60%;}
.box_product .swiper-button-next{display: block;width: 19px;height: 19px;border-top: 5px solid #fff254;border-right: 5px solid #fff254;
    transform: rotate(45deg);background: none;opacity: 1;float: right;margin-top: 0vw;right: 5%;z-index: 1;top: 60%;}

.box_case .title{margin-bottom: 2vw;}
.box_case .tap_btnlist {display: block;text-align: center;margin: 30px auto 40px auto;}
.box_case .tap_btnlist li{display: inline-block;margin: 0 17px;padding: 5px 10px;color: #fff;cursor: pointer;line-height: 1.5;
transition: all 0.3s;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.box_case .tap_btnlist .on{background: #ce0a01;}
.box_case .tap_box{display: none;padding: 2vw 3vw 2vw 0;background: #4d4d4d;
background: -webkit-linear-gradient(90deg,transparent 18%,#4d4d4d 15%);background: linear-gradient(90deg,transparent 18%,#4d4d4d 15%);}
.box_case .tap_box li{width: 30.7%;margin-right: 3.95%;float: left;display: block;}
.box_case .tap_box li:nth-child(3){margin-right: 0;}
.box_case .tap_box li a{display: block;height: 16.4vw;position: relative;overflow: hidden;}
.box_case .tap_box li span{display: none;}
.box_case .tap_box li a h4{position: absolute;width: 100%;color: #000;bottom: 0;left: 0;opacity: 0; font-size: 18px;color: #000; padding: 1vw 1.2vw;-webkit-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;
background: url(../images/pbg.png) no-repeat;background-size: cover;box-sizing: border-box;}
.box_case .tap_box li img{position: absolute;top: 50%;display: block;width: 100%;min-height: 100%;
    left: 50%; transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);
-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.box_case .tap_box .swiper-slide-next h4{opacity: 1;}
.wmore{display: none;}
@media screen and (min-width: 1250px) {
    .more:hover{text-indent: 0;text-align: center;background-image: none;}
    .NewsList_g2 li:hover{background: -webkit-linear-gradient(90deg,#ffef41 ,#ffc000);background: linear-gradient(90deg,#ffef41,#ffc000);}
    .box_case .tap_box li a:hover h4{opacity: 1;}
    .box_product .tap_btnlist li:hover a:after{height: 100%;top: 0;}
    .box_product .more:hover{background-color: #fff254;color: #333;}
    .box_case a:hover img,.box_product a:hover .pic img{transform: scale(1.1) translate(-45%, -45%);-webkit-transform: scale(1.1) translate(-45%, -45%);}
    .more:hover{background-color: transparent;color: #ce0a01;background: rgba(255, 37, 37, 0.2);}
    .box_case .tap_btnlist li:hover{background-color: #ce0a01;}
}
@media screen and (max-width: 1440px) {
    .PhotoList_i1 li a{height: 16vw;}
    .box{width: 80%;}
    .box_product li .picimg{height: 18vw;}
    .box_product .tap_btnlist a{font-size: 18px;}
}
@media screen and (max-width: 1250px) {
    .NewsList_g2 h3 a{font-size: 16px;}
    .box_about p,.box_case .tap_box li a h4{font-size: 14px;}
    .box_product .tap_btnlist a,.box_product .fr p{font-size: 16px;}
    .box_product .tit h5{font-size: 24px;}
}
@media screen and (max-width: 1024px){
    .title img{height: 25px;max-width: 90%;}
    .more{height: 47px;line-height: 47px;margin-top: 4vw;}
    

    .box{width: 90%;}
    .box_about{background-size: 80% auto;}
    .box_about .fl{width: 40%;margin-left: 6%;}
    .box_about .fl .img1{height: 15vw;}

    .PhotoList_i1 li a{height: 19vw;}
    .box_product{margin-bottom: 8vw;}
    .box_product .fl{padding-top: 6vw;}
    .box_product .fr{padding: 6vw 0;}
    .box_product .fr .pic{height: 19.3vw;}
    .swiper-button-next, .swiper-button-prev{top: 58%;}
    .box_product .tap_btnlist a{font-size: 16px;}
    .box_product .box{width: 100%;}
    .box_product .bottom{margin-top: 5vw;}
    .box_product .swiper-button-next{right: 3%;}
    .box_product .swiper-button-prev{left: 3%;}

    .box_news{margin: 8vw auto;}
}
@media screen and (max-width: 640px){
    .box{width: 94%;}
    #swiper-container1 .swiper-pagination-bullet, .box_case .swiper-pagination-bullet{width: 1.7vw;height: 7vw;display: inline-block;margin: 0 0.6vw  !important;
        background: -webkit-linear-gradient(transparent 25%,#fff254 100%);
    background: linear-gradient(transparent 25%,#fff254 100%);opacity: 0.8;}
    #swiper-container1 .swiper-pagination-bullet-active, .box_case .swiper-pagination-bullet-active{background: #fff254;}
    #swiper-container1 .swiper-pagination-bullets, .box_case .swiper-pagination-bullets{bottom: 9vw;text-align: center;width: 100%;left: 0;}
    .m_ban .swiper-slide a{height: 156.6vw;display: block;overflow: hidden;}
    .m_ban .swiper-slide a img{width: 100%;min-height: 100%;}
    .more{line-height: 8.8vw;height: 8.8vw;font-size: 3.8vw;margin: 6vw auto 0 auto;width: 8em;}
    .mob.more {display: block !important;}
    
    .title {margin-bottom: 8vw;}
    .title img{height: 6.4vw;}
    
    .box_product{padding: 0 0 12vw 0;margin: 0;}
    .box_product .box{width: 100%;}
    .box_product .fl{float: none;width: 100%;padding-top: 7.3vw;position: static;}
    .box_product .fr{float: none;width: 100%;box-sizing: border-box;padding-top: 11.3vw;padding-bottom: 0;}
    .box_product .fr p{font-size: 3.8vw;}
    .box_product .fr .pic{height: 36.2vw;margin-bottom: 5px;}
    .box_product .tap_box{padding: 0 12vw;}
    .box_product li h3{font-size: 4.2vw;}
    .box_product li{width: 47.5%;margin-right: 5%;margin-bottom: 5vw;}
    .box_product li:nth-child(2n) {margin-right: 0;}
    .box_product .tap_btnlist {text-align: center;font-size: 0;width: 94%;margin: 0 auto;}
    .box_product .tap_btnlist li{width: 50%;display: inline-block;margin: 0;}
    .box_product .tap_btnlist li a{line-height: 10.4vw;height: 10.4vw;font-size: 3.8vw;padding: 0;}
    .box_product .tap_btnlist .on a{background: #fff;}
    .box_product .swiper-button-prev,.box_product .swiper-button-next{top: 40vw;width: 3.3vw;height: 3.3vw;}
    .box_product .tit h5{font-size: 7.46vw;}
    .box_product .tit p{font-size: 7.46vw;}
    .box_product .tit h5 span img{width: 33vw;}
    .box_product .bottom{padding: 0 12vw;margin-top: 12.2vw;}
    .box_product .bottom img{left: 12vw;height: 70%;}

    .box_about {background-position: 4vw 11vw;background-size: auto 64.8vw;padding-top: 0;background-image: url(../images/mabg.jpg);}
    .box_about .box{width: 100%;}
    .box_about .fr>p{font-size: 3.8vw;margin-top: 6.4vw;}
    .box_about .fl{float: none;width: 52.6%;margin: 0 0 0 auto;}
    .box_about .fr{float: none;width: 81.3%;margin: -9vw 0 0 auto;transform: translate(0,0);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);}
    .box_about .fr h3{display: none;}
    .box_about .fr h5{font-size: 4.8vw;}
    .box_about .fr:after{width: 30vw;height: 30vw;}
    .box_about .fl .img1 {top: 7vw;left: -17.5vw;height: 57%;}

    .box_case .box{width: 100%;}
    .box_case .tap_btnlist{margin: 8.5vw auto 9.6vw auto;}
    .box_case{padding: 14vw 0 17vw 0;/* background: url(../images/cbg.jpg) center no-repeat;background-size: auto 100%; */}
    .box_case .title{margin-bottom: 0;}
    .box_case .title span,.box_case .title em,.box_case .title p{color: #fff;}
    .box_case .title:before{background-color: #fff;}
    .box_case .tap_box{padding: 3vw 0;background: -webkit-linear-gradient(90deg,transparent 37%,#4d4d4d 15%);
    background: linear-gradient(90deg,transparent 37%,#4d4d4d 15%);}
    .box_case .tap_box li {width: 56.1%;margin: 0 2.5%;}
    .box_case .tap_box li a{height: 42.1vw;}
    .box_case .swiper-pagination-bullet{width: 5px;height: 5px;margin: 0 2vw !important;}
    .box_case .swiper-pagination{display: block; }
    .box_case .more{margin: 10.6vw auto 0 auto;color: #fff254;background: #585531;border: 1px solid #fff254;box-sizing: border-box;}
    .box_case .tap_box li a h4{opacity: 1;font-size: 3.8vw;padding: 2.8vw 3.6vw;}

    .box_news{margin: 0 auto 12.3vw auto;}
    .box_news .title{margin-bottom: 8.4vw;}
    .NewsList_g2 li,.NewsList_g2 li:nth-child(2n){padding: 0;float: none;width: 100%;padding: 4vw; margin-bottom: 3.6vw;box-sizing: border-box;min-height: 24vw;}
    .NewsList_g2 h3 {margin-bottom: 3vw;}
    .NewsList_g2 h3 a{font-size: 3.8vw;height: auto;max-height: 3em;}
    .NewsList_g2 .ntime{font-size: 3.8vw;display: block;}
    .NewsList_g2 li:last-child{display: none;}
    .box_news .more{/* background: #076b5e;border: 1px solid #00dcc5; */margin-top: 9.3vw;}
}