@charset "utf-8";
.header{position: absolute; top: 0;}
.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 .arrow{position: absolute;right: 0;bottom: 0;font-size:0;z-index: 2;}
.p_ban .arrow div{height: auto; position: static;display: inline-block;float: none;width: 14.5vw;height: 10.5vw;margin:0;font-family: Simsun;
    background: url(../images/r.png) #e5f5f1 center no-repeat;background-size: 40% auto;opacity: 1;
}
.p_ban .swiper-slide img{display: block;width: 100%;opacity: .85;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-color: #e44100;}
.page,#load_more_button{display: none;}

.b-f5{background-color: #f5f5f5;}

.box .page, .box #load_more_button{display: none;}
.mymore{color: #fff;width: 9em;padding: 0.6em 0;box-sizing: border-box;position: relative;border: 1px solid #e44100;background-color: #e44100;
    display: block;text-align: center;text-transform: uppercase;}
/* .mymore:after{content: "";display: block; width: 0;height:0;border-bottom:0.6em solid transparent;position: absolute;top: 50%;right: 1em;
border-top: 0.6em solid transparent;border-left: 1em solid #fff; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);} */
.mob.more{display: none !important;}

.ResTitle_a2{line-height: 1.2;position: relative;font-size: 1.8vw;}
.ResTitle_a2 span{color: #4c4c4c;display: block;position: relative;z-index: 2;}
.ResTitle_a2 em{display: block;text-transform: uppercase;color: #e44100;opacity: 0.3;font-style: italic; font-family: Arial;
    font-weight: bold;position: relative;z-index: 2;font-size: 6vw;line-height: 1.2;}
.ResTitle_a2:after{content: "";display: block;width: 2em;background: #e44100;height: 6px;margin-top: 2vw;}
.ResTitle_a2 br{display: none;}

.arrow {text-align:right;}
.arrow div{position: static;display: inline-block;width: auto;padding: 0 1.3em;color: #000;height: auto; font-size: 26px;
  text-align: center;line-height: 1.5;margin: 0;background-image: none;background-color: #e0e0e0;margin-left: 1em;font-family: Simsun;
    transform: skew(-13deg);-webkit-transform: skew(-13deg);
}
.arrow div span{display: block; transform: skew(13deg);-webkit-transform: skew(13deg);}

.box-com {position: relative;overflow: hidden;}
.box-com:before,.box-com:after,.box-app:before{content: "";display: block;width: 50vw;height: 50vw;position: absolute;top: 10vw;left: -20vw;
background-color: #e44100;border-radius: 50%;opacity: 0.1;}
.box-com .ResTitle_a2 span{display: none;}
.box-com .ResTitle_a2 {padding-left: 4vw;position: relative;z-index: 1;}
.box-com .ResTitle_a2:after{margin-left: 6vw;margin-top: 1vw;}
.box-com .R,.box-app .R{width: 39%;}
.box-com .R .BannerShow_c1 {overflow: hidden;}
.box-com .R img{display: block;width: 100%;position: relative;z-index: 1;}
.box-com .L,.box-app .L{ width: 61%;padding-top: 2vw;}
.box-com .txt{padding: 0 10vw 1vw 10vw;box-sizing: border-box;position: relative;z-index: 1;}
.box-com .R{position: relative;z-index: 2;}
.box-com .R>span{padding: 3.5vw 1vw;background: rgba(22,111,181,0.9);position: absolute;right: 4vw;bottom: 0;z-index: 2;display: none;}
.box-com:after{right: -25vw;bottom: 25vw;background-color: #e44100;left: auto;}

.box-product .main-w,.box-product .ResTitle_a2{z-index: 1;}
.box-product .L{ z-index: 1;width: 29.3%;}
.box-product .R{z-index: 1;width: 61.7%;position: relative;padding-bottom: 1vw;}
.box-product .ProductList_b2 li{margin-bottom: 3vw;}
.box-product .ProductList_b2 li h3{font-size: 18px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;text-align: center;}
.box-product .ProductList_b2 li .picimg,.box-app .b ul li a{display: block;height: 16vw;overflow: hidden;position: relative;box-sizing: border-box;margin-bottom: 1vw;background-color: #fff;}
.box-product .ProductList_b2 li .picimg img,.box-app .b ul li img{max-width: 95%;max-height: 95%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.box-product .ResTitle_a2 em{text-align: right;padding: 2vw 5.2vw;box-sizing: border-box;
    width: 50%;margin: 0 0 0 auto;opacity: 1;color: rgba(255,255,255,30%);
      background: -webkit-linear-gradient(left, transparent, #e44100);
      background: -o-linear-gradient(left, transparent, #e44100);
      background: linear-gradient(to right, transparent, #e44100);
        padding: 0 4vw;box-sizing: border-box;}
.box-product .ResTitle_a2 span,.box-product .ResTitle_a2:after{color: #4c4c4c;margin-left: 4vw;}

.box-app .ResTitle_a2 em{display: none;}
.box-app .ResTitle_a2 span{text-align:center;color: #e44100;font-weight: bold;}
.box-app .ResTitle_a2:after{margin-left: auto;margin-right: auto;}
.box-app .t{z-index: 1;}
.box-app .L{padding-top: 0;}
.box-app .t ul{padding: 2.7vw 1vw 2.7vw 10vw;box-sizing: border-box;}
.box-app .t ul li{display: inline-block;vertical-align: middle; padding-right: 3.2vw;box-sizing: border-box;max-width: 33.3%;}
.box-app .b ul li:last-child,.box-app .t ul li:last-child{padding-right: 0;margin-right: 0;}
.box-app .b ul li {float: left;width: 16.6%;border: 1px solid #a0a0a0;box-sizing: border-box;margin-right: 4.2%;}
.box-app .b ul li a{height: 8.5vw;margin-bottom: 0;}
.box-app .b ul li span,.box-app .b ul li h4{display: none;}
.box-app .R .p{margin-right: 10vw;}
.box-app .R .f-20:before{margin-right: 2vw;content: "";width: 11.5vw;height: 1px;display: inline-block;background-color: #e44100;vertical-align: middle;}
.box-app:before{background-color: #e44100;top: -25vw;left: auto; right: -25vw;}

.box-case:before,.box-product:before{content: "";display: block;width: 76vw;height: 76vw;position: absolute;top: -38vw;left: -36vw;
background-color: #eeeeee;border-radius: 50%;opacity: 0.1;}
.box-case .arrow{margin-right: 4vw;}
.box-case .L{ z-index: 1;width: 20%;margin-left: 4vw;}
.box-case .L .mymore{margin-top: 14vw;}
.box-case .R{z-index: 1;width: 69.7%;padding-bottom: 4vw;position: relative;}
.box-case .R .PhotoList_i1{position: relative;z-index: 1;}
.box-case .ResTitle_a2 em{opacity: 1;}
.box-case li{ position: relative;text-align: center;}
.box-case li a{height: 17vw;display: block;margin-bottom: 1vw;background: url(../images/more.png) #e44100 center no-repeat;overflow: hidden;}
.box-case li img,.NewsList_g2 .nwimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.box-case li span{font-size: 20px;color: #4d4d4d;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}
.box-case li h4,.box-product .ProductList_b2 span{display: none;}
.ClassList_b3 {text-align: right;}
.ClassList_b3 li{display: inline-block;margin-left: 3vw;border-bottom: 4px solid transparent;line-height: 1.8;}
.box-product:before{background-color: #e44100;top:auto;bottom: -38vw;}

.box-news .ResTitle_a2{display: inline-block;}
.box-news .t .more{width: 3.5vw;min-width: 30px;}
.box-news .t .more img{width: 100%;display: block;}
.box-news .ResTitle_a2{background: url(../images/nbg.png) #e44100 right center no-repeat;background-size: auto 100%;width: 60%;padding: 3vw;box-sizing: border-box;}
.box-news .ResTitle_a2 span,.box-news .ResTitle_a2 em{color: #fff;display: inline-block;vertical-align: middle;}
.box-news .ResTitle_a2 em{margin-right: 0.2em;opacity: 0.4;color: #fff;}
.box-news .ResTitle_a2:after{display: none;}
.box-news .ResTitle_a2 span:after{content: "";display: block;width: 2em;background: #fff;height: 6px;margin-top: 0.6vw;}

.box-news .more{width: 3.5vw;min-width: 30px;margin-right: 5%;}
.box-news .more img{display: block;width: 100%;}
.NewsList_g2{width: 1530px;max-width: 100%;margin-left: auto;margin-right: auto;}
.NewsList_g2 li{position: relative;color: #333;box-sizing: border-box;float: left;width: 31.3%;padding-bottom: 2vw;}
.NewsList_g2 li+li{margin-left: 3.05%;}
.NewsList_g2 .nwimg{display: block;height: 17vw;margin-bottom: 1.5vw; overflow: hidden;}
.NewsList_g2 h3{ display: block;margin-bottom: 0.5em;font-size: 20px;color: #4c4c4c;}
.NewsList_g2 h3,.NewsList_g2 p{width: 95%;margin-left: auto;margin-right: auto;}
.NewsList_g2 h3 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.NewsList_g2 p{ font-size: 14px;font-style: normal;line-height: 1.8;height: 5.4em;color: #808080;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g2 p:last-child{display: none;}
.NewsList_g2 .ntime{font-size: 20px;display: block;height: auto;margin-bottom: 0.6em;}
@media screen and (min-width: 1250px) {
    .NewsList_g2 li:hover .wmore{color: #fff;}
    .NewsList_g2 li:hover {background-color: #e44100;}
    .NewsList_g2 li:hover p,.NewsList_g2 li:hover h3 a{color: #fff;}
    .box-case li:hover span{color:#e44100;}
    .box-case li a:hover img{opacity: 0.2;}
    .box-product .ProductList_b2 li a:hover h3{color: #e44100;}
    .mymore:hover{opacity: 0.7;}
    .ClassList_b3 li:hover{border-color: #e44100;color: #e44100;}
    .arrow div:hover{background-color: #e44100;color: #fff;}
}
@media screen and (max-width: 1440px) {
    .box-product .ProductList_b2 li h3{font-size: 18px;}
    .box-case li span{font-size: 16px;}
    .NewsList_g2 h3 a{font-size: 20px;}
}
@media screen and (max-width: 1250px) {
    .ResTitle_a2 span{font-size: 22px;}
    .box-product .ProductList_b2 li h3{font-size: 16px;}
    .NewsList_g2 .ntime{font-size: 16px;}
    .box-app .R .f-20:before{display: none;}
}
@media screen and (max-width: 1024px) {
    .p_ban{margin-top: 80px;}
    .ResTitle_a2 em{font-size: 38px;}
    .ResTitle_a2 span{font-size: 20px;}
    .ResTitle_a2 span:before{display: none;}
    .box-com .L .txt{padding-left: 5vw;padding-bottom: 6vw;}
    .box-app .R .p{margin-right: 5vw;}
    .box-com ul,.box-com .L .BannerShow_c1{display: none;}
    .box-product .ProductList_b2 li .picimg{height: 16vw;}
    .NewsList_g2 h3 a{font-size: 18px;}
    .NewsList_g2 p{-webkit-line-clamp: 2;height: 3.6em;}
    .box-case li a{height: 21vw;}

    .box-app .R .p{display: none;}
     .box-app .L{width: 90%;}
     .box-app .t ul li{padding-right: 7.5vw;}
}
@media screen and (max-width: 768px){
    .box-news .L{display: none;}
    .box-news .R{float: none;width: 94%;margin-left: 3%;}
    .NewsList_g2 .nwimg{height: 18vw;}
    .box-news .mymore{margin-top: 3vw;}
}
@media screen and (max-width: 640px){
    .p_ban{margin-top: 14vw;}
    .box{width: 94%;}

    .mymore{font-size: 3.8vw;margin: 6vw auto 0 auto;background-size: auto 60%;width: 9em;padding: 0.5em 1.5em 0.5em 1.2em;}
    .mob.mymore {display: block !important;}
    
    .ResTitle_a2{font-size: 9vw;}
    .ResTitle_a2 em{font-size: 9vw;display: inline-block;}
    .box-com .ResTitle_a2:after{display: inline-block;}
    .ResTitle_a2 span{font-size: 5vw;}
    .box-product .ResTitle_a2 em{width: 90%;font-size: 10vw;margin-bottom: 2vw;padding: 5vw 2vw 3vw 0;margin-left: 10%;}

    .box-com.p_tb_80,.box-news.p_tb_80{padding-bottom: 6vw;}
    .box-com .L,.box-com .txt{padding: 0;}
    .box-com .L .txt,.box-com .ResTitle_a2{padding-left: 0;}
    .box-com .L,.box-com .R,.box-case .L,.box-case .R{width: 95%;display: block;margin-left: auto;margin-right: auto; float: none;padding-top: 0;}

    .box-product{padding: 0 0 12vw 0;}
    .box-product .R,.box-product .L{float: none;width: 100%;margin-left: auto;margin-right: auto;}
    .box-product .ProductList_b2 li .picimg{height: 38vw;}
    .ClassList_b3{text-align: center;}
    .ClassList_b3 li{margin: 0 0.4em;}

    .box-case li a{height: 36vw;}
    .box-case .ResTitle_a2 em{display: none;}
    .box-case .ResTitle_a2 span{text-align: center;font-weight: bold;}

    .box-news .main-w{background: none;}
    .box-news .ResTitle_a2 span:after,.box-case .ResTitle_a2:after{display: none;}
    .box-news .R{float: none;width: 94%;margin-left: auto;margin-right: auto;display: block;}
    .NewsList_g2 li{box-shadow: 5px 5px 5px rgba(0,0,0,0.03);float: none;width: 100%;padding: 4vw;box-sizing: border-box;}
    .NewsList_g2 li+li{margin-left: 0;margin-top: 4vw;}
    .NewsList_g2 .nwimg{height: 40vw;margin-bottom: 3vw;display: none;}
    .NewsList_g2 h3 {margin-bottom: 2vw;width:100%;margin-top: 0;}
    .NewsList_g2 h3 a{font-size: 4.2vw;height: auto;}
    .NewsList_g2 p{font-size: 3.8vw;height: auto;width:100%;}
    .NewsList_g2 .ntime{font-size: 12px;margin-top: 1vw;}
    .box-news .t .mymore{float: right;position: relative;z-index: 2;margin-top: 0;position: absolute;right: 0;bottom: 1vw;width: auto;
        background: none;color: #e44100;padding: 3px 5px;}
}