@charset "utf-8";
.BannerShow_c1 img{display: block;max-width: 100%;}
.BannerShow_c1 div{width: 100%;}
#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden;}
.p_ban{width: 100%;position: relative;}
.p_ban .swiper-slide a{display: block;max-height: 504vw;background-position: center;background-size: cover;
    background-repeat: no-repeat;pointer-events: none;overflow: hidden;
}
.p_ban .swiper-slide img{height: 100%;object-fit: cover;display: block; width: 100%;opacity: .8;
    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;
}
.p_ban .swiper-pagination-bullet-active{background:#00246a;}
.p_ban .swiper-num{font-size: 16px;color: #fff;position: absolute;bottom: 2vw;left: 5vw;z-index: 1;}
.p_ban .swiper-num .active{font-size: 2.1vw;color: #00246a;}

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

.mymore{width: 9em;line-height: 1.5;padding: 0.6em 0;box-sizing: border-box;position: relative;z-index: 1;
    display: block;text-align: center;background:none;border: 1px solid #fff; color: #fff;
}
.mob.more{display: none !important;}
.title .more{position: absolute;right: 0;bottom: 0;}
.title .ResTitle_a2{display: inline-block;color: #fff;}

.arrow{text-align: right;}
.arrow div{position: static;margin: 0;margin-right: 1.5vw;width: 4.5em;height: 40px;line-height: 40px;font-family: '宋体',Simsun;
    display: inline-block;text-align: center;font-size: 24px;color: #00246a;background: #fff;}

.ResTitle_a2{position: relative;text-transform: uppercase;}
.ResTitle_a2 br{display: none;}
.ResTitle_a2 span{font-size: 1.8vw;display: block;font-style: italic;}
.ResTitle_a2 em{font-size:  1.8vw;line-height: 1.4;}

.box-com{position: relative;padding: 5vw 0 8vw 0;}
.box-com .BannerShow_c1,.box-class .BannerShow_c1 {overflow: hidden;position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.box-com .BannerShow_c1 div,.box-class .BannerShow_c1 div{width: 100%;height: 100%;}
.box-com .BannerShow_c1 img,.box-class .BannerShow_c1 img{display: block;width: 100%;height: 100%;object-fit: cover;}
.box-com .L{width: 670px;max-width: 80%;position: relative;z-index: 1;}
.box-class .B{position: relative;padding: 26vw 0 2.6vw 0;}
.box-class .txt{width: 1200px;max-width: 80%;position: relative;z-index: 1;padding: 1.5vw 2vw;box-sizing: border-box;}
.box-class .txt p{max-width: calc(100% - 160px);width: 660px;display: inline-block;}
.box-class .txt .more{width: 8em;border: 1px solid #999;padding: 0.6em 0;box-sizing: border-box; text-align: center;display: block;}

.box-class{background: #f7f7f7;padding-top: 3.5vw;}
.class-box li{float: left;width: 25%;}
.class-box li a{display: block;padding: 1.5em 1em;box-sizing: border-box;text-align: center;}
.class-box li i{display: inline-block;vertical-align: bottom;height: 1.8em;margin-right: 0.6em;max-width: 50%;}
.class-box li i img{display: block;max-height: 100%;max-width: 100%;}
.class-box li p{display: inline-block;vertical-align: bottom;}
.class-box li p small{opacity: 0.6;}

.box-product {background: url(../images/bg_02.jpg) top center no-repeat;background-size: 100% auto;padding-top: 70px;padding-bottom: 3vw;}
.box-product .ProductList_b2 li a{display: block;width: 100%;height: 100%;}
.box-product .ProductList_b2 li .picimg{display: block;height: 100%;overflow: hidden;position: relative;box-sizing: border-box;background: #000;}
.box-product .ProductList_b2 li .picimg img{width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);opacity: 0.7;
    transition: 0.6s all ease;-ms-transition: 0.6s all ease;-webkit-transition: 0.6s all ease;
}
.box-product .ProductList_b2 li h3{font-size: inherit; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
    padding: 0.7em 2% 0.7em 2%;color: #fff; box-sizing: border-box; font-size: 16px;position: absolute;text-align: center;
    width: 100%;left: 0;bottom: 0;
      background:-webkit-linear-gradient(top, transparent, #333 100%);
      background:-o-linear-gradient(top, transparent, #333 100%);
      background:linear-gradient(to bottom, transparent, #333 100%);
      -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
}
/*.box-product .ProductList_b2 ul{box-sizing: border-box;padding-left: 44%;position: relative;}*/
.box-product .ProductList_b2 li{position: relative;box-sizing: border-box;height: 16.5vw;width: 32.5%;margin-bottom: 1vw;float: left;margin-right: 1.25%;}
.box-product .ProductList_b2 li:first-child{/*position: absolute;left: 0;top: 0;*/height: 34vw;width: 66.25%;overflow: hidden;}
.box-product .ProductList_b2 li:last-child,.box-product .ProductList_b2 li:nth-of-type(2),.box-product .ProductList_b2 li:nth-of-type(3){
    margin-right: 0;
}
.box-product .ProductList_b2 li:last-child,.box-product .ProductList_b2 li:nth-of-type(4),.box-product .ProductList_b2 li:nth-of-type(5){margin-top: 5.6vw;
    margin-bottom: 0;
}

.box-case {background:url(../images/bg.png) right bottom no-repeat;padding-bottom: 36px;box-sizing: border-box;background-size: 18% auto;}
.box-case .txt{top: 3vw;left: 0;z-index: 2;width: 570px;max-width: 45%;background: #fff;padding-bottom: 2vw;}
.box-case .ResTitle_a1{text-align: left;line-height: 1.5;margin-bottom: 0;}
.box-case .ResTitle_a1 span{color: #00246a;}
.box-case .ResTitle_a1 em{color: #333333;font-size: 16px;display: block;}
.box-case .more{padding-bottom: 0.3em;display: inline-block;border-bottom: 1px solid #00246a;}
.box-case li{position: relative;width: 21%;}
.box-case li:nth-child(3n){width: 50%;}
.box-case li a{display: block;overflow: hidden;position: relative;margin-top: 20vw;height: 18vw;}
.box-case li:nth-child(3n) a{margin-top: 0;height: 38vw;}
.box-case li img{display: block; position: absolute;top: 50%;left: 50%; width: 100%; height: 100%;object-fit: cover;
    transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.box-case li span{display: block;box-sizing: border-box;padding: 0.5em;text-align: center;position: absolute;left: 0;width: 100%;bottom: 0;
    background: rgba(0,0,0,0.5);color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
}
.box-case li h4,.box-product .ProductList_b2 span{display: none;}

.box-news{background: url(../images/bg_04.jpg) center no-repeat;background-size: cover;padding: 56px 0;}
.NewsList_g2 li{float: right;position: relative;display: block;width: 50%;box-sizing: border-box;color: #4c4c4c;overflow: hidden;
    background: #fff;padding: 30px 1vw 30px 12vw;box-sizing: border-box;
}
.NewsList_g2 li + li{margin-bottom: 30px;}
.NewsList_g2 .nwimg{position: relative;height: 132px;overflow: hidden;width: 10vw;position: absolute;top: 30px;left: 1vw;}
.NewsList_g2 .nwimg img{width: 100%;height: 100%;display: block;object-fit: cover;}
.NewsList_g2 h3,.NewsList_g2 p{width: 100%;position: relative;z-index: 2;}
.NewsList_g2 h3 {display: block;font-size: 1.1em;}
.NewsList_g2 h3 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;line-height: 1.6;font-weight: bold;}
.NewsList_g2 p{ font-size: 16px;font-style: normal;display: none;}
.NewsList_g2 .ntime{line-height: 1.5;display: none;margin: 0.6em 0;}
.NewsList_g2 li p:nth-of-type(2){display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.8;max-height: 3.6em;
    color: #999999;font-size: 14px;height: 3.6em;
}
.NewsList_g2 li .ntime{display: block;font-size: 1.05em;margin-top: 1em;color: #999;height: auto;}
.NewsList_g2 li:first-child .nwimg{display: block;margin-bottom: 36px;height: 430px;position: static;width: 100%;}
.NewsList_g2 li:first-child {width: 48%;float: left;border:none;margin-bottom: 0;padding: 0;padding-bottom: 36px;}
.NewsList_g2 li:first-child h3,.NewsList_g2 li:first-child p{width:  90%;margin-left: 5%;}

@media screen and (min-width: 1250px) {
    .class-box li a:hover{opacity: 0.6;}
    .box-product .ProductList_b2 li:hover img{opacity: 1;}
    .box-product .ProductList_b2 li:hover h3{background: #00246a;color: #fff;}
    .mymore:hover{color: #00246a;background: #f4f5f6; font-weight: bold;}
    .arrow div:hover,.box-case li:hover span{background: #00246a;color: #fff;}
    .NewsList_g2 li:hover {background-color: #00246a;}
    .NewsList_g2 li:hover h3,.NewsList_g2 li:hover p{color: #fff;}
}

@media screen and (max-width: 1250px) {
    .NewsList_g2 h3{font-size: 16px;}
    .ResTitle_a2 span{font-size: 30px;}
    .box-product .ProductList_b2 li{height: 20vw;}
    .box-product .ProductList_b2 li:first-child{height: 41vw;}
    .box-product .ProductList_b2 li:last-child, .box-product .ProductList_b2 li:nth-of-type(4), .box-product .ProductList_b2 li:nth-of-type(5){margin-top: 0;}
    .box-case .txt .f-12{display: none;}
    .box-case li a{height: 25vw;margin-top: 25vw;}
    .box-case li:nth-child(3n) a{height: 50vw;}
}
@media screen and (max-width: 1024px) {
    .ResTitle_a2 em,.ResTitle_a1 span{font-size: 20px;}

    .NewsList_g2 .nwimg{/*display: none;*/height: 80px;top: 10px;width: 120px;left: 10px;}
    .NewsList_g2 li{padding: 10px 2% 10px 140px;}
    .NewsList_g2 li p:nth-of-type(2){display: none;}
    .NewsList_g2 li:first-child{padding-bottom: 10px;}
    .NewsList_g2 li:first-child .nwimg{height: 235px;margin-bottom: 10px;}
    .NewsList_g2 li + li{margin-bottom: 20px;}

    .class-box li i{display: block;margin-left: auto;margin-right: auto;width: 60%;max-width: 100%;margin-bottom: 0.3em;text-align: center;}
    .class-box li i img{display: inline-block;}
    .class-box li small{display: block;text-align: center;}

}
@media screen and (max-width: 800px){
    .box-case .txt{position: static;padding: 6vw 0;max-width: 100%;}
    .box-case li:nth-child(3n) ,.box-case li{height: 32vw;}
    .box-case li:nth-child(3n) a,.box-case li a{height: 100%;margin-top: 0;}
}
@media screen and (max-width: 640px){
    .p_ban .swiper-pagination{display: block;}
    .mymore{font-size: 3.8vw;}
    .mob.mymore {display: block !important;}
    .p_ban .swiper-num{display: none;}
    
    .ResTitle_a2 span,.ResTitle_a1 span{font-size: 6vw;}
    .ResTitle_a2 em{font-size: 4.2vw;}

    .class-box li{width: 50%;}
    .class-box li small{display: none;}
    .class-box li i{margin-bottom: 0.5em;}
    .box-class .B {padding: 0;}
    .box-class .txt {padding: 12vw 5% 6vw 5%;max-width: 100%;margin-bottom: 5vw;}
    .box-class .txt p{max-width: 100%;width: 100%;}
    .box-class .txt .more{float: none;}
    .box-com .BannerShow_c1, .box-class .BannerShow_c1{position: static;}

    .box-com{padding: 0;}
    .box-com .L{color: #333;max-width: 100%;padding: 0;}
    .mymore{color: #333;border-color: #333;}

    .box-product{padding-top: 7vw;}
    .box-product .ProductList_b2 li,.box-product .ProductList_b2 li:first-child{width: 48.5% !important;margin-right: 3% !important;
        margin-bottom: 3vw !important;height: 32vw;float: left;margin-top: 0 !important;
    }
    .box-product .ProductList_b2 li:nth-of-type(2n){margin-right: 0 !important;}
    .box-product .ProductList_b2 li h3{font-size: 3.8vw;}

    .arrow div{font-size: 4.2vw;line-height: 2em;height: 2em;}

    .box-case li:nth-child(3n), .box-case li{height: 55vw;}

    .box-news{padding: 12vw 0 8vw 0;}
    .NewsList_g2 .nwimg,.NewsList_g2 li:first-child .nwimg{height: 19vw;width: 25vw;position: absolute;left: 2vw;top: 2vw;}
    .NewsList_g2 li,.NewsList_g2 li:first-child{float: none;width: 100%;padding: 2vw 3vw 2vw 30vw;margin-bottom: 0 !important;min-height: 23vw;}
    .NewsList_g2 li + li{margin-top: 3vw;}
    .NewsList_g2 li:first-child h3, .NewsList_g2 li:first-child p{width: 100%;margin-left: 0;}
    .NewsList_g2 li .ntime{font-size: 12px;margin-bottom: 0;}
    .NewsList_g2 h3 a{font-size: 3.8vw;font-weight: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
        overflow: hidden;white-space: normal;
    }
}