@charset "utf-8";
.BannerShow_c1 img{display: block;max-width: 100%;}
#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden;}
.p_ban{width: 100%;position: relative;}
.p_ban a{display: block;max-height: 47.5vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;overflow: hidden;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}
.p_ban .swiper-pagination{z-index: 1;font-size: 0;text-align: center;bottom: 2vw !important;left: 0;}
.p_ban .swiper-pagination-clickable .swiper-pagination-bullet{height: 3px;width: 15px;margin-right: 5px;border: none;
  border-radius: 5px;opacity: 0.5;display: inline-block;vertical-align: bottom;}
.p_ban .swiper-pagination-clickable .swiper-pagination-bullet-active{width: 35px;height: 3px; opacity: 1;background-color: #DC5B33;}
.p_ban .swiper-slide img{display: block;width: 100%;opacity: .7;transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);
    transition: 3s all ease;-ms-transition: 3s all ease;-webkit-transition: 3s all ease;}
.p_ban .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
 -webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}

.b-f5{background-color: #f5f5f5;}
.page,#load_more_button{display: none;}

.page, #load_more_button{display: none;}
.more{color: #90a4c0; font-size: 12px;width: 127px;line-height: 30px;height: 30px;display: block;text-align: left;border: 1px solid #90a4c0;
    background: url(../images/Arrow.png) no-repeat;text-indent: 21px;background-position: 99px center;border-radius: 15px;}
.mob.more{display: none !important;}

.title{margin-bottom: 3vw;text-align: left;color: #DC5B33;position: relative;text-transform: uppercase;}
.title span{font-size: 2.1vw;color: #282828;line-height: 1.5;font-weight: bold;}
.title em{font-size: 16px;color: #979797;}
.title b{display: none;}
.title .ResTitle_a2{padding-bottom: 0.6vw;}
.title:after{content: "";background: #DC5B33;width: 16vw;height: 7px;display: block;margin-left: -7.3vw;}
.title:before{content: "";background: #fff;width: 5px;height: 7px;display: block;position: absolute;bottom: 0;left: 8vw;}
.title .more{float: right;margin-top: 2vw;}

.box-about{background: url(../images/bga_07.jpg) left top no-repeat;background-size: 100% auto;padding: 6vw 0;}
.box-about .title{margin-bottom: 0;}
.box-about .title i{font-size: 3.4vw;font-weight: bold;color: #eaeffa;font-family: Arial;position: absolute;z-index: 0;left: -3vw;top: -2.5vw;}
.box-about .title .ResTitle_a2{position: relative;z-index: 1;}
.box-about .fl{width: 33%;}
.box-about .fr{box-sizing: border-box;width: 59.6%;position: relative;}
.box-about .fr p{position: absolute;right: -1.2vw;top: 0;}
.box-about .fr span{writing-mode:vertical-lr;
font-family: Arial;color: #e22222;font-size: 14px;line-height: 1.0;font-weight: bold;}
.box-about .fr p:before{content: ""; background-color: #DC5B33;width: 4px;height: 3vw;margin: 0 auto 1.5vw auto;display: block;}
.box-about .fr .amore{width: 15%;}
.box-about .fr .BannerShow_c1{width: 85%;display: inline-block;vertical-align: top;box-shadow: 0 6px 26px 0 rgba(0,0,0,0.1);}
.box-about .fr img{display: block;width: 100%;}

.box_product{padding: 75px 0 7vw 0;background: url(../images/bgp.jpg) #fbfcff left bottom no-repeat;}
.box_product .title:before{background-color: #d5e5fa;}
.box_product li{width: 31.3%;float: left;text-align: center;margin-right: 3.05%;position: relative;}
.box_product li:nth-child(3n){margin-right: 0;}
.box_product li span{display: none;}
.box_product li .picimg{position: relative;overflow: hidden;height: 17vw;box-sizing: border-box;display: none;}
.box_product img{display: block; width: 100%;height: 100%;object-fit:cover;}
.box_product li h3{font-size: 16px;color: #1a1a1a;text-align: center;position: relative;left: inherit;bottom: inherit;padding: 1vw 1vw;
    background-color: rgba(255,255,255,0.8);width: 100%;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
}

.box_case{padding: 3.5vw 0;background: url(../images/bgc.jpg) left bottom no-repeat;background-size: 100% auto;}
.PhotoList_i1 li{width: 22.75%;margin-right: 3%;float: left;background-color: #f0f0f0;padding-bottom: 2vw;}
.PhotoList_i1 li:nth-child(4n){margin-right: 0;}
.PhotoList_i1 li a{height: 14vw; background-color: #fff;display: block;position: relative;overflow: hidden;border:1px solid #eee;box-sizing: border-box;}
.PhotoList_i1 li a img{display: block; width: 100%;height: 100%;object-fit:contain;}
.PhotoList_i1 h4{display: none;}
.PhotoList_i1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;margin-top: 2vw;text-align: center;}
.box_case .swiper-pagination-bullets{position: static;text-align: center;display: none;}

.box_news{margin: 75px auto 60px auto;}
#NewsList_a1 li{width: 46%;float: left;display: block;text-align: center;overflow: hidden;position: relative;box-sizing:border-box;
    border-bottom: 1px dashed #d8d8d8;padding: 0 0 10px 106px;margin-bottom: 2vw;margin-right: 8%;}
#NewsList_a1 li:nth-child(2n){margin-right: 0;}    
#NewsList_a1 .newnr{text-align: left;}
#NewsList_a1 .newimg{display: none;}
#NewsList_a1 .newnr b{font-size: 20px;font-weight: bold;color: #282828;line-height: 1.5;display: block;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;}
#NewsList_a1 .newnr p{color: #959595;font-size: 16px;display: inline-block;line-height: 1.6;display: block;height: 3.2em;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#NewsList_a1 .data{font-size: 18px;line-height: 1.5;background-color: #e4e4e4; padding: 19px 16px;display: inline-block;box-sizing:border-box;
position: absolute;left: 0;top:0;height: 100%;}
#NewsList_a1 .data b{display: block;color: rgb(196, 70, 32);}
#NewsList_a1 .data i{display: none;}

@media screen and (min-width: 1150px) {
    .more:hover{text-indent: 0;text-align: center;background-image: none;border-color: #EE3C0A;color: #EE3C0A;font-weight: bold;}
    .box_product li a:hover h3{color: #fff;background-color: rgba(255, 95, 32, 0.8);}
    .PhotoList_i1 li:hover{background-color: #EE3C0A;}
    .PhotoList_i1 li:hover span,#NewsList_a1 a:hover .data ,#NewsList_a1 a:hover .data b{color: #fff;}

    #NewsList_a1 a:hover .data{background-color: #EE3C0A;}
}
@media screen and (max-width: 1440px) {
    .title span{font-size: 30px;}
    
    #NewsList_a1 .newnr b{font-size: 18px;}
    #NewsList_a1 .newnr p{font-size: 14px;}
}
@media screen and (max-width: 1250px) {
    #NewsList_a1 .newnr b{font-size: 16px;}
    .box_product li .picimg{height: 18vw;}

    .box-about .fl{width: 40%;}
    .box-about .fr{width: 55%;}
}
@media screen and (max-width: 1024px){
    .title span {font-size: 3vw;}
    .box-about .fl{width: 45%;}
    .box-about .fr{width: 50%;padding-top: 12vw;}
    .box-about .fr .amore{display: none;}
    .box-about .fr .BannerShow_c1{width: 100%;}
}
@media screen and (max-width: 640px){
    .box{width: 94%;}

    .more{line-height: 8vw;height: 8vw;font-size: 3.8vw;margin: 6vw auto 0 auto;}
    .pc.more {display: none !important;}
    .mob.more {display: block !important;}
    
    .title {margin-bottom: 6vw;}
    .title span{font-size: 6vw;}
    .title:before{display: none;}
    .title:after{margin-left: 0;height: 2px;}
    .title .ResTitle_a2{padding-bottom: 3vw;}
    .title .fl{float: none;}

    .box_product{padding: 12vw 0;}
    .box_product li h3{font-size: 4.2vw;padding: 3vw 1vw;width: 90%;left: 5%;bottom: 5vw;}
    .box_product li{width: 100%;margin-right: 0;margin-bottom: 5vw;float: none;}
    .box_product li .picimg{height: 60vw;}

    .box-about {padding-top: 13vw;padding-bottom: 0;}
    .box-about .title i{font-size: 7vw;top: -5.5vw;}    
    .box-about .fl{float: none;width: 100%;}
    .box-about .fr{float: none;width: 100%;padding-right: 10vw;padding-top: 0;}
    .box-about .fr span{font-size: 6vw;}
    .box-about .fr p:before{height: 10vw;}

    .box_case{padding: 10vw 0;}
    .PhotoList_i1 li{width: 48.5%;}
    .PhotoList_i1 li:nth-child(n+3){
        margin-top:5%;
    }
    .PhotoList_i1 li a{height: 30vw;}
    .PhotoList_i1 li:nth-child(2n){margin-right: 0;}

    .box_news{margin: 6vw auto !important; }
    #NewsList_a1 li{width: 100%;margin-right: 0;text-align: left;padding-left: 23vw;margin-bottom: 6vw;padding-bottom: 0;}
    #NewsList_a1 li:nth-child(2n){width: 100%;}
    #NewsList_a1 li .data{font-size: 3.8vw;text-align: center;padding: 4.5vw 0 0 0;width: 20vw;}
    #NewsList_a1 .newnr{padding-top: 0;}
    #NewsList_a1 .newnr b{font-size: 4.2vw;margin-bottom: 2vw;}
    #NewsList_a1 li:nth-child(4),#NewsList_a1 li:nth-child(5),#NewsList_a1 li:nth-child(6){display: none;}

}