html{overflow-x:hidden}
.erj-banner-content .tit{top:35%;}
.banner{position:relative;}
.banner-box{height:700px;}
.banner-box .swiper {width: 100%;height: 100%;overflow:hidden;}
.banner-box .swiper-slide {text-align: center; font-size: 18px;background: #fff; display: flex;justify-content: center; align-items: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.banner-box .swiper-slide > a{display:block;width:100%;height:100%;}
.banner-box .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;-o-object-fit:cover; }
.banner-tit{position:absolute;top:29%;left:50%;z-index:1;transform: translate(-50%, 0px);text-align:left;}
.banner-tit h1{font-size:52px;color:#fff;font-weight:bold;    letter-spacing: 5px;}
.banner-tit p{font-size:20px; letter-spacing: 13px;color:#fff;}
.banner-box .swiper-pagination{width:85% !important;text-align: left !important;bottom:55% !important;left:50% !important;transform: translate(-50%, 0px) !important;max-width:1450px;z-index:1 !important}
.banner-box .swiper-pagination .swiper-pagination-bullet{width:55px !important;height:5px !important;border-radius:0;opacity: 1;background-color:#f18a2c;transition:all 0.4s}
.banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#db082c;display: none;}
.call-board{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.4);height:50px;z-index:1}
.call-board .call-box{width:85%;height:100%;margin:0 auto; display:flex;color:#fff;max-width:1450px;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.call-tit{display:flex;align-items: center;display: -ms-flexbox;}
.call-tit img{width:15px;height:15px;margin-right:5px;}
.call-tit p{font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right:  5px;}
.lc_list{display:flex;height:100%;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.lc_list li{margin:0 30px;padding-top:1px;}
.lc_list li a{display: block;font-size:16px;color:#fff;transition:all 0.4s;line-height: 50px;height: 50px;}
.lc_list li a:hover{color:#e60020}
.more{width:2%;text-align:right;margin-top: 2px;}
.more a{color:#fff;}
.str_wrap{height:50px;display:flex;align-items:center;;display: -ms-flexbox;-ms-flex-align: center;}
.shortcut {height:200px;}
.shortcut .shor-box{width:85%;position:relative;margin:0 auto;height:150px;top:50%;transform: translate(0px, -50%);max-width:1450px;}
.shor-box .swiper { width: 100%; height: 100%; }
.shor-box .swiper .swiper-button-next,.shor-box .swiper .swiper-button-prev{display:none;}
.shor-box .swiper .swiper-wrapper{overflow:hidden;}
.shortcut .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;border-right: 1px solid #d6d6d6;display: -ms-flexbox;-ms-flex-pack: justify;-ms-flex-pack: center;}
.shortcut .swiper-slide a{transition:all 0.4s;}
.shortcut .swiper-slide a:hover{color:#e60020}
.shortcut .swiper-slide img { display: block;width: 42px;height: 42px; object-fit: contain;    margin: 0 auto; transition:all 0.4s;}
.shortcut .swiper-slide span{display:inline-block;font-size:16px;margin-top:10px;}
.shortcut .swiper-slide a:hover img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1.5);}
  10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
  0%{-moz-transform:scale(1);}
  10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
  100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes flipInY{
  0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
  40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
  70%{-webkit-transform:perspective(400px) rotateY(10deg);}
  100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@-moz-keyframes flipInY{
  0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
  40%{-moz-transform:perspective(400px) rotateY(-10deg);}
  70%{-moz-transform:perspective(400px) rotateY(10deg);}
  100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.dimg img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1);}
  10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
  0%{-moz-transform:scale(1);}
  10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
  100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes flipInY{
  0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
  40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
  70%{-webkit-transform:perspective(400px) rotateY(10deg);}
  100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@-moz-keyframes flipInY{
  0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
  40%{-moz-transform:perspective(400px) rotateY(-10deg);}
  70%{-moz-transform:perspective(400px) rotateY(10deg);}
  100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.news-box{width:85%;margin:0 auto;padding:30px 0;max-width:1450px;padding: 20px 0px;box-sizing: border-box;}
.news-box .layui-tab-card,.spe-box  .layui-tab-card{border:none;box-shadow: none;}
.news-box .layui-tab-title,.spe-box .layui-tab-title{background:none;border: none;height:auto;margin-right:-10px;}
.news-box .layui-tab-title li{position:relative;font-size:18px;transition:all 0.4s;}
.news-box .layui-tab-title li.layui-this{color:#f18a2c;}
.news-box .layui-tab-title li::after{content:"";position:absolute;left:50%;top:100%;width:0%;height:2px;background:#f18a2c;transform: translate(-50%, 0px);transition:all 0.4s;}
.news-box .layui-tab-title li.layui-this::after{content:"";position:absolute;left:50%;top:100%;width:60%;height:2px;background:#f18a2c;    transform: translate(-50%, 0px);border:none;}
.news-box .layui-tab-title li:hover {color: #f18a2c;}
.news-box .layui-tab-title li:hover::after {content: "";position: absolute;left: 50%;top: 100%;width: 60%;height: 2px;background: #f18a2c;transform: translate(-50%, 0px);}
.news-box .tab-box{display:flex;justify-content: space-between;display: -ms-flexbox;-ms-flex-pack: justify;}
.tab-box h1,.fin-tit h1{font-size:32px;font-weight:bold;}
.layui-tab-item{display:none;}
.inform-left{padding-right:30px;overflow:hidden;position:relative;}
.inform-left img{width:100%;height:350px;object-fit: cover;-o-object-fit: cover;}
.inform-left .infrom-fir-tit{display:flex;justify-content: space-between;margin: 20px 0;display: -ms-flexbox;-ms-flex-pack: justify;}
.inform-left a:hover .infrom-fir-tit{color:#f18A2C;}
.inform-left .infrom-fir-tit span:first-child{font-weight:bold;font-size:18px;width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 90px);}
.inform-left .infrom-fir-tit span:last-child{font-size:16px;align-self: end;width: 90px;}
.inform-left p{line-height:25px;}
.infrom-list{position:relative;}
.infrom-list .gd-btn{position:absolute;bottom:-35px;right:0;font-size: 16px;color: #000;transition: all 0.4s;}
.infrom-list .gd-btn::after {content: "";width: 0;height: 2px;background-color: #f18a2c;position: absolute;right: 0px;bottom: -5px;transition: width 0.6s;}
.infrom-list .gd-btn:hover{color:#f18a2c}
.infrom-list .gd-btn:hover:after {width: 100%;left: 0;}
.infrom-list li{display:flex;align-items: center;margin:60px 0;display: -ms-flexbox;-ms-flex-align: center;}
.infrom-list li:first-child{margin-top:0;}
.infrom-list li:nth-child(4){margin-bottom:0px;}
.infrom-list li span.ser-num{font-size:42px;color:#f18a2c;border-right: 2px solid #f18a2c;padding-right: 10px;margin-right: 20px;}
.infrom-list li a{display:block;width:100%;}
.infrom-list li a:hover span:first-child{color:#f18a2c;}
.infrom-list li a span {display: block;}
.infrom-list li a span:first-child{font-size:18px;position:relative;text-indent:10px;transition:all 0.4s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.infrom-list li a span:first-child::after{content:"";position:absolute;top:50%;left:0;transform: translate(0px, -50%);width:4px;height:4px;background-color:#565656;}
.infrom-list li a span:last-child{margin-top:5px;;line-height:20px;font-size: 13px;color: #A0A0A0;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:88%;}
.zxzx-swiper-img{position:relative;height:380px;}
.zxzx-swiper-img .swiper {width: 100%;height: 100%;overflow:hidden;}
.zxzx-swiper-img .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: flex; justify-content: center; align-items: center;}
.zx-img{width:100%;height:100%;}
.zxzx-swiper-img .swiper-pagination-bullet{background-color:#f18a2c;opacity: 1;}
.zxzx-swiper-img .swiper-pagination-bullet-active{background-color:#db082c}
.inform-left img {filter: blur(0.8px);-webkit-filter: blur(0.8px);transition:all 0.4s;}
.inform-left a:hover img {filter: blur(0);-webkit-filter: blur(0);transform:scale(1.04)}
.fin-box{width:85%;padding:20px 0;}
.fin-box .fin-tit{display: flex;justify-content: space-between;align-items: center;margin-bottom:30px;display: -ms-flexbox;-ms-flex-pack: justify;-ms-flex-align: center;}
.fin-box .fin-demo{padding:20px 20px;box-shadow: 0 0 10px #eee;color:#080808;border-radius:10px;transition:all 0.4s;}
.fin-box .fin-demo:hover{background:url(/uiFramework/commonResource/image/2023121214044187986.png) no-repeat;color:#fff;background-size:cover;}
.fin-demo h3 a{font-size:18px;transition:all 0.4s;}
.fin-demo .qx{font-size:16px;margin:15px 0 20px;}
.fin-demo .nhlv{display:flex;align-items: center;display: -ms-flexbox;}
.fin-demo .nhlv h2{font-size:36px;}
.fin-demo .nhlv span{margin-left:30px;}
.fin-demo .lcqx{font-size:14px;margin:15px 0;}
.fin-demo .lcqx span{font-weight:bold;}
.fin-demo > a{display:inline-block;margin-top:10px;transition:all 0.4s;background:url(/uiFramework/commonResource/image/2023121215492320528.png) no-repeat right 3px;background-size: 15px 15px;padding-right: 25px;}
.fin-box .fin-demo:hover > a{color:#fff;background:url(/uiFramework/commonResource/image/2023121215491756494.png) no-repeat right 3px;background-size: 14px 14px;}
.fin-box .fin-demo:hover h3 a{color:#fff;}
.gryw-box .gr-layui{background:url(/uiFramework/commonResource/image/2024043016075042959.png) no-repeat;background-size:100% 100%;}
.gsyw-box .gs-layui{background:url(/uiFramework/commonResource/image/2024043016312959734.png) no-repeat;background-size:100% 100%;}
.fin-box .layui-col-custom{width:20%;box-sizing: border-box;float: left;}
.kjfs-text{display:flex;height:300px;justify-content: center;align-items: center;flex-direction: column;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;-ms-flex-align: center;transition:all 0.4s;}
.kjfs-text span{display:inline-block;font-size:20px;margin-top:15px;font-weight:bold;transition:all 0.4s;}
.kjfs-img{position:relative;width:60px;height:60px;border-radius:50%;background-color:#f18a2c;transition:all 0.4s;}
.kjfs-img img{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);}
.kjfs-img img.img-white{opacity: 0;transition:all 0.4s;}
.kjfs-text:hover{background-color: rgba(227, 163,103, 0.7);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#7Fe3a367, endColorstr=#7Fe3a367,GradientType=0 );}
.kjfs-text:hover span{color:#fff;}
.kjfs-text:hover .kjfs-img{background-color:#fff;}
.kjfs-text:hover img.img-white{opacity: 1;}
.spe-ser{margin: 20px 0;}
.spe-box{padding:30px 30px;box-sizing: border-box;background:url(/uiFramework/commonResource/image/2023121216072154689.png) no-repeat;background-size:cover;}
.khfw-layui .layui-col-custom{width:16.66%;box-sizing: border-box;float: left;}
.khfw-layui{margin-top:30px;}
.khfw-img{padding: 2px;background-color: #fff;overflow:hidden;transition:all 0.4s;}
.khfw-img img{width:100%;}
.khfw-text span{display:inline-block;width:100%;text-align:center;font-size:16px;color:#fff;transition:all 0.4s;margin-top:10px;}
.khfw-text:hover span{color:#e60020}
.khfw-text:hover .khfw-img{transform:scale(1.03);}
.spe-box .tab-box{display:flex;justify-content: space-between;color:#fff;display: -ms-flexbox;-ms-flex-pack: justify;}
.spe-box .tab-box .layui-this{color:#fff; font-weight: 600;}
.spe-box .layui-tab-title li{font-size:18px; padding: 0 .5em}
.spe-box .layui-tab-title li::after{content:"";position:absolute;left:50%;top:100%;width:0%;height:2px;background:#f18a2c; transform: translate(-50%, 0px);transition:all 0.4s}
.spe-box .layui-tab-title li.layui-this::after{content:"";position:absolute;left:50%;top:100%;width:60%;height:2px;background:#fff;transform: translate(-50%, 0px);border:none;}
.spe-box .layui-tab-title li:hover {color: #fff;}
.spe-box .layui-tab-title li:hover::after {content: "";position: absolute;left: 50%;top: 100%;width: 60%;height: 2px;background: #fff;transform: translate(-50%, 0px);border: none;}
.gryw-swiper{position: relative;padding:30px 0 0;}
.gryw-swiper .swiper-container ,.gryw-swiper .swiper-container2,.gryw-swiper .swiper-container,.gryw-swiper .swiper-container4{width: 100%;height: 100%;overflow:hidden;}
.gryw-swiper .swiper-slide  {text-align: center; font-size: 18px;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; transition: 300ms;transform: scale(0.8);}
.gryw-swiper .swiper-slide a{display:flex;flex-direction:column;display: -ms-flexbox;-ms-flex-direction: column;}
.gryw-swiper .swiper-slide a img{width:380px;height:260px;border: 2px solid #ffffff;border-radius: 10px;    object-fit: cover;-o-object-fit:cover;}
.gryw-swiper .swiper-slide a span{margin-top:20px;}
.gryw-swiper .swiper-slide-active,.swiper-slide-duplicate-activem{transform: scale(1);}
.gryw-swiper .swiper-slide.swiper-slide-active a{color:#e60020}
.gryw-swiper .shade{position: absolute;background: #fff;bottom: 0px;width: 100%;height: 100px;}
.gryw-swiper .swiper-button-prev:after{content:"<"}
.gryw-swiper .swiper-button-prev{width:44px;height:44px;left: 14%;top: auto;bottom: 17%;background-image:none;background-color:#e60020;border-radius:50%;}
.gryw-swiper .swiper-button-next{width:44px;height:44px;right:14%;top:auto;bottom:17%;background-image:none;background-color:#e60020;border-radius:50%;}
.gryw-swiper .swiper-button-next:after{content:">"}
.gryw-swiper .swiper-button-prev:after,.gryw-swiper .swiper-button-next:after{position:absolute;width:44px;height:44px;line-height:44px;text-align:center;font-size:20px;transform:scale(1,2);color:#fff;}
.feature_service {position: relative;padding:15px 0 0;}
.feature_service_box {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;z-index: 0;}
.feature_service_act {opacity: 1;z-index: 1;}
.about-box{position:relative;padding:20px 0;}
.about-box img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
.about-box .ab-cont{position:absolute;left:5%;top: 50%;width:35%;transform: translate(0px, -50%);}
.ab-cont h3{font-size:38px;color:#ffffff;letter-spacing: 2px;text-shadow: 0 0 3px #fff;}
.ab-cont p{font-size:16px;line-height:30px;margin:20px 0;color:#fff;}
.ab-cont ul{display: flex;flex-wrap: wrap;justify-content: space-between;display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;}
.ab-cont a{display:block;width:200px;height:40px;background:linear-gradient(-90deg,#e74f2b, #f07e20);;text-align:center;color:#fff;font-size:16px;margin-top:30px;box-sizing: border-box;position: relative;transition: all .6s linear;line-height: 40px;border-radius:5px;overflow:hidden;font-weight:bold;}
.ab-cont a:before {content: attr(data-text);position: absolute;top: 0px;left: 0;height: 100%;width: 100%;filter: alpha(opacity=100); opacity: 1;text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.ab-cont a:hover:before { filter: alpha(opacity=0);opacity: 0; -webkit-transform: translate3d(0, 100%, 0);  -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.ab-cont a>span { display: inline-block;text-align: center; filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s}
.ab-cont a:hover>span {filter: alpha(opacity=100);opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.ab-cont a:hover>span:nth-child(1) {-webkit-transition-delay: .045s;  -moz-transition-delay: .045s; -ms-transition-delay: .045s; -o-transition-delay: .045s;transition-delay: .045s}
.ab-cont a:hover>span:nth-child(2) { -webkit-transition-delay: .12s; -moz-transition-delay: .12s; -ms-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
.ab-cont a:hover>span:nth-child(3) { -webkit-transition-delay: .195s; -moz-transition-delay: .195s; -ms-transition-delay: .195s;-o-transition-delay: .195s; transition-delay: .195s}
.ab-cont a:hover>span:nth-child(4) { -webkit-transition-delay: .27s; -moz-transition-delay: .27s; -ms-transition-delay: .27s; -o-transition-delay: .27s;transition-delay: .27s}
.ab-cont a:hover { background:linear-gradient(90deg,#e74f2b, #f07e20);}
@media only screen and (max-width:1680px){
.banner-box{height:700px}
.login1 ul{width:38%;}
}
@media only screen and (max-width:1520px){
.banner-box{height:600px}
.banner-tit h1{font-size:42px;}
.banner-tit p{font-size:16px}
}
@media only screen and (max-width:1390px){
}
@media only screen and (max-width:1366px){
.about-box .ab-cont{width:50%;}
}

@media only screen and (max-width:1280px){
.banner-box{height:450px;}
.banner-tit{top:25%;}
}
@media only screen and (max-width:992px){
.banner-box{height:350px;}
.login{display:none;}
.banner-tit{top:25%;}
.banner-tit h1{font-size:28px;letter-spacing: 1px;}
.banner-tit p{font-size:14px;letter-spacing: 5px;}
.swiper-pagination .swiper-pagination-bullet{width: 40px !important;height: 3px !important;}
.more{width:10%;}
.more a{display:inline-block;}
.news-box{padding:20px 0px;}
.news-box .tab-box,.spe-box .tab-box{flex-direction: column;align-items: center;}
.shortcut .swiper-slide{border-right:none;}
.shor-box .swiper .swiper-wrapper{height:auto;flex-wrap:wrap;}
.shortcut .swiper-slide{flex:0 0 calc((100% - 30px)/3);}
.shortcut .swiper-slide:nth-child(n+4){margin-top:15px;}
.shortcut .swiper-slide img{width:35px;height:35px;}
.inform-left{padding-right:0px;}
.infrom-list li{margin:20px 0;}
.infrom-list li a{width:78%;}
.infrom-list li a span:first-child::after{top:30%}
.tab-box h1, .fin-tit h1{font-size:24px;margin-bottom: 10px;}
.inform-left img{height:220px;}
.gryw-swiper .swiper-slide-active{transform: scale(0.8);}
.about-box .ab-cont{width:65%;}
.ab-cont h3{font-size:18px;}
.ab-cont p{height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;margin:5px 0;line-height:25px;font-size:12px}
.ab-cont a{width:110px;height:30px;margin-top:0px;line-height:30px;font-size:12px;margin-bottom:2px;}
.news-box .layui-tab-title, .spe-box .layui-tab-title {width: 100%;overflow-y: hidden;}
.gryw-box .gr-layui,.gsyw-box .gs-layui{background-size: initial;}
.fin-box .layui-col-custom{width: 33.33%;}
.kjfs-text{height:150px;}
.kjfs-text span{font-size:18px;}
.khfw-layui .layui-col-custom{width:50%;}
.zxzx-swiper-img{height:200px;}
}
@media only screen and (max-width:640px){
.spe-box .layui-tab-title{width:100%;overflow-x:auto;}
}

@media only screen and (max-width:399px){
.ab-cont a{width:90px;}
}